vercel-react-best-practices
Vercel 官方维护的 React 和 Next.js 性能优化指南,包含 8 大类别下按优先级排序的 70 条规则,覆盖瀑布流消除、包体积优化、服务端性能、数据获取、重渲染优化等场景,用于自动化重构和代码生成。
适合编写或重构 React 组件、Next.js 页面时的性能优化
AGENT SKILLS DIRECTORY
从公开榜单和 GitHub 原文里挑出来的 Agent 技能:先看用途,再看热度,装上就用。
按近期安装变化与社区热度滚动生成。
joeseesun/qiaomu-anything-to-notebooklm 公开仓库中的 Skill,原文路径 SKILL.md。
GitHub Stars 5,721#1qiaomu-mondo-poster-design乔木视觉与网页joeseesun/qiaomu-mondo-poster-design 公开仓库中的 Skill,原文路径 SKILL.md。
GitHub Stars 1,061#1qiaomu-opencli-autofix乔木开发与部署joeseesun/qiaomu-opencli-skills 公开仓库中的 Skill,原文路径 qiaomu-opencli-autofix/SKILL.md。
GitHub Stars 978#2qiaomu-opencli-browser乔木开发与部署joeseesun/qiaomu-opencli-skills 公开仓库中的 Skill,原文路径 qiaomu-opencli-browser/SKILL.md。
GitHub Stars 978#1find-skillsAgent 工作流近 3 周公开安装量合计 343,502,热度仍在滚动。
近 3 周安装 343,502#3sleek-design-mobile-apps设计与 UI近 3 周公开安装量合计 111,951,热度仍在滚动。
近 3 周安装 111,951#1frontend-design设计与 UI近 3 周公开安装量合计 88,964,热度仍在滚动。
近 3 周安装 88,964#5design-taste-frontend设计与 UI近 3 周公开安装量合计 74,353,热度仍在滚动。
近 3 周安装 74,353#2agent-browserAgent 工作流近 3 周公开安装量合计 66,579,热度仍在滚动。
近 3 周安装 66,579#6high-end-visual-design设计与 UI近 3 周公开安装量合计 55,740,热度仍在滚动。
近 3 周安装 55,740#1vercel-react-best-practices前端与 React近 3 周公开安装量合计 52,304,热度仍在滚动。
近 3 周安装 52,304#2web-design-guidelines设计与 UI近 3 周公开安装量合计 50,806,热度仍在滚动。
近 3 周安装 50,806把同一类任务会连续用到的 Skill 放在一起。
从 React 性能、组件组合、设计系统到浏览器测试,适合把前端界面做成可上线、可维护的产品。
6 个 Skill · vercel-react-best-practices / vercel-composition-patterns / frontend-design设计审查UI 设计打磨覆盖视觉方向、移动端体验、审美判断和高端视觉细节,适合在页面不够精致时集中调度。
6 个 Skill · frontend-design / web-design-guidelines / sleek-design-mobile-apps发布门禁上线前验证把完成前检查、Playwright 自动化和最佳实践组合起来,用于发布前发现真实交互和回归问题。
5 个 Skill · verification-before-completion / playwright-cli / playwright-best-practicesAI WebNext.js AI 产品上线覆盖 Next.js 架构、AI SDK、缓存、单仓库构建和 Vercel 部署,适合把 AI Web 产品从原型推到线上。
6 个 Skill · ai-sdk / next-best-practices / next-cache-components移动端移动 App MVP从 React Native、Expo 原生界面、移动数据获取到升级与样式配置,适合快速做可试用的移动端产品。
6 个 Skill · vercel-react-native-skills / building-native-ui / native-data-fetching后端地基后端与数据库地基覆盖 API 设计、后端模式、Postgres、Supabase、Neon 和 PlanetScale,适合先把数据层和服务边界定稳。
6 个 Skill · api-design / backend-patterns / supabase-postgres-best-practices实时协作认证与实时应用 MVP把 Firebase、Convex、Supabase 的认证和实时数据能力放在一起,适合聊天、协作、看板和轻量 SaaS 原型。
6 个 Skill · firebase-basics / firebase-auth-basics / convex-quickstart造 SkillAgent Skill 制作流水线从发现 Skill、创建 Skill、拆计划到执行与并行调度,适合把一次性经验沉淀成可复用 Agent 能力。
6 个 Skill · find-skills / skill-creator / writing-plans修 Bug调试、测试与代码评审把系统化排查、TDD、完成前验证和代码评审串成闭环,适合修复杂 bug、减少回归和交付前自检。
6 个 Skill · systematic-debugging / test-driven-development / requesting-code-review自然增长SEO 与内容增长从 SEO 审计、AI 搜索、批量 SEO 页面到内容策略和社媒分发,适合给产品建立长期自然流量。
6 个 Skill · seo-audit / ai-seo / programmatic-seo转化落地页转化覆盖文案、营销心理、广告创意、冷邮件和流失挽回,适合把页面访问变成注册、咨询或购买。
6 个 Skill · copywriting / marketing-psychology / ad-creative个人效率个人知识与任务系统把笔记、提醒、Notion、Google Workspace 和内容监控放在一起,适合管理资料、待办和日常信息流。
6 个 Skill · apple-notes / apple-reminders / bear-notes资料整理文档研究工作台覆盖摘要、PDF 编辑、邮件处理、差异审阅和飞书文档,适合把散乱材料整理成可交付研究结果。
6 个 Skill · summarize / nano-pdf / himalaya项目推进会议到项目推进把会议纪要、项目规划、Jira、仪表盘、复盘学习和 Teams 会议流水线串起来,适合会后推进和跨团队协作。
6 个 Skill · meeting-notes / project-planner / jira-integration自动化数据采集与自动化运营适合把公开网页、内容平台、Google Workspace 和定时任务接入自动化,减少重复收集和手工搬运。
6 个 Skill · data-scraper-agent / agent-browser / content-engine安全护栏安全、密钥与发布护栏覆盖 1Password、主机健康检查、UI E2E、自动审查、熔断和发布安全,适合上线前降低误操作风险。
6 个 Skill · 1password / healthcheck / control-ui-e2e架构架构决策系统用于 API、Docker、六边形架构、长期 Agent 任务和架构决策记录,适合在项目变复杂前先定边界。
6 个 Skill · architecture-decision-records / hexagonal-architecture / docker-patterns测试矩阵多语言测试套件把端到端、TDD、Python、Go、C#、Django 和 Laravel 测试方法放在一起,适合维护多技术栈项目。
7 个 Skill · e2e-testing / tdd-workflow / python-testing开源维护GitHub 与开源维护覆盖 GitHub CLI、分支流程、PR 维护、开源打包和发布恢复,适合管理仓库、Issue、PR 和发布节奏。
7 个 Skill · github / git-workflow / github-ops策略调研、竞品与决策把市场研究、竞品分析、品牌发现、基准方法和多视角决策放在一起,适合立项、定位和路线选择。
6 个 Skill · competitive-platform-analysis / market-research / brand-discovery333 个结果 · 显示前 48 个
Vercel 官方维护的 React 和 Next.js 性能优化指南,包含 8 大类别下按优先级排序的 70 条规则,覆盖瀑布流消除、包体积优化、服务端性能、数据获取、重渲染优化等场景,用于自动化重构和代码生成。
适合编写或重构 React 组件、Next.js 页面时的性能优化
一套用于构建灵活、可维护 React 组件的组合模式,避免布尔属性泛滥,通过复合组件、提升状态和组合内部结构来构建可扩展的组件 API,并包含 React 19 API 变更。
适合重构具有许多布尔属性的组件
shadcn/ui 技能用于管理 shadcn 组件和项目,涵盖添加、搜索、修复、调试、样式化及组合 UI(包括聊天界面)。提供项目上下文、组件文档和使用示例,适用于使用 shadcn/ui、组件注册表、预设(--preset)或任何带 components.json 文件的项目。
适合使用 shadcn/ui 构建组件和设计系统
该技能提供使用 Playwright 测试本地 Web 应用的指南,包括单元、集成和端到端测试模式。它包含辅助脚本(如 with_server.py)用于管理服务器生命周期,并指导用户采用先侦察后行动的模式:先等待网络空闲,检查渲染后的 DOM,再选择选择器执行操作。强调将脚本作为黑盒调用,避免污染上下文窗口。
适合测试本地 React 或前端 Web 应用
用于用 Tailwind 实现设计系统,覆盖 design token、组件变体与组件模式,方便统一页面视觉规范和复用结构。
适合搭建 Tailwind 设计系统时。
typescript-advanced-types 是 wshobson/agents 市场中的一个技能,官方描述为覆盖可辨识联合(discriminated unions)、条件类型(conditional types)、模板字面量类型(template literals)以及工具类型(utility type)模式。它属于该仓库 184 个 Agent Skills 之一,位于 plugins/*/skills/ 目录下,可通过 npx skills add https://github.com/wshobson/agents --skill typescript-advanced-types 单独安装,无需克隆仓库或走市场流程(Skills only:不含 agents、commands、hooks)。该技能来自单一 Markdown 源、面向 Claude Code、Codex CLI、Cursor、OpenCode、Antigravity CLI、Copilot、Pi 等多运行环境分发的插件市场,仓库以 MIT 许可发布。
适合用可辨识联合为状态机或 API 响应建模,替代松散的可选字段结构
该技能用于将项目部署到 Vercel,默认以预览(preview)模式部署,除非用户明确要求生产环境。它会先检测项目状态(git remote、是否已链接、CLI 是否认证),然后根据状态选择最合适的部署方法:若已链接且有 git remote,则通过 git push 触发部署;若已链接但无 git remote,则直接使用 vercel deploy;若未链接但 CLI 已认证,则先链接再部署;若 CLI 未认证,则安装 CLI、登录、链接并部署;在无法认证的沙盒环境中,可通过无认证脚本获得预览 URL 和 Claim URL。
适合用户希望将项目快速部署到 Vercel 并获取预览链接
Turborepo 官方技能,用于配置和排查 Turborepo 仓库,覆盖 turbo.json、任务管道、缓存、Remote Cache、turbo CLI、过滤、环境变量、包边界、monorepo 结构与 CI 工作流。技能本身不承载框架指导:完整的 Turborepo 文档随已安装的 turbo 包一起分发,技能要求先读取与当前安装版本完全对应的内置文档,入口为 node_modules/turbo/docs/README.md,再根据其中的任务索引选择最小的相关文档页面,并在修改 Turborepo 配置、包脚本或 CI 工作流之前先阅读该页面。若包管理器使用非扁平 node_modules 布局或 workspace link,需先用 node -p "require.resolve('turbo/package.json')" 解析包位置,再读取其下的 docs/README.md。若未安装 turbo,应先检查仓库的包管理器与既有版本约束,再决定是否安装;安装后使用内置文档而非其他版本的指导。
适合编写或调整 turbo.json 中的任务管道与依赖关系
面向 Next.js 接入 Vercel AI SDK,覆盖 generateText、streamText、工具调用和 useChat。
适合适合给 Next.js 接入 AI 能力。
原文有效说明不足;仅能确认它指向 Next.js 规范、RSC 边界、数据模式和异步 API 约定。
适合适合查 Next.js 规范与约定。
原文有效说明不足;仅能确认它围绕 Next.js 缓存组件,涉及 PPR、use cache 和缓存标签。
适合适合查 Next.js 缓存与失效。
为构建具有独特视觉设计的 UI 提供指导,涵盖美学方向、排版和避免模板化默认选择。
适合构建新 UI 时追求独特视觉风格
该技能通过从指定 URL 获取最新的 Web Interface Guidelines,读取用户指定的文件或模式,并对照所有规则进行审查,最终以简洁的 file:line 格式输出发现的问题。
适合审查 UI 代码与设计规范的一致性
面向 iOS 与 Android 的移动端界面设计指引,帮助规划屏幕、布局和移动优先的视觉表达。
适合适合移动 App 界面设计。
UI/UX Pro Max 是一个 UI/UX 设计智能技能,提供可搜索的本地设计指南,涵盖 79 种样式、192 种产品调色板、74 种字体配对、119 条 UX 指南、105 个图标、17 个 GSAP 预设、25 种图表类型和 22 个技术栈。适用于设计、构建、审查或修复界面,包括页面、组件、设计系统、可访问性、交互、响应式布局、排版、颜色、图表和特定技术栈的 UI 实现。
适合设计新页面或新项目
design-taste-frontend 是 leonxlnx/taste-skill 仓库中的默认前端设计技能(即 taste-skill 本体),当前为 v2(实验版),是对原 v1 的大幅重写。它是一组可移植的 Agent Skills,用于提升 AI 生成界面的布局、字体排印、动效与间距质量,避免出现模板化的“slop”式 UI。该技能会读取设计简报并推断设计语言,调节三个 1-10 刻度旋钮(DESIGN_VARIANCE 布局实验性、MOTION_INTENSITY 动效深度、VISUAL_DENSITY 每屏信息密度),并内置 brief 推断、设计系统映射、硬性禁用 em dash、规范 GSAP 代码骨架、重设计审计协议与严格预检。支持通过 npx skills add 安装,也可直接复制 SKILL.md 到项目或粘贴进对话;对框架不敏感,适用于 React、Vue、Svelte。
适合让 AI 编码代理生成的前端界面获得更强的布局、字体排印、动效与间距,而不是模板化 UI
面向奢华与编辑风界面提供高端视觉审美参考,帮助把页面做得更克制、更精致。
适合适合高端感与编辑风页面。
从现有代码库中提取设计令牌、组件和模式,并生成项目本地的初始令牌文件。
适合从公开网站逆向提取颜色、字体、间距等设计原语
对界面进行最终视觉打磨:收紧间距、优化字体、清理边缘,在不改变原有设计概念的前提下提升细节质量。
适合正式发布前的视觉细节审查
一种结构化的设计评审流程,通过双代理独立评估(设计审查与检测器/浏览器证据)合成具体、可操作的设计反馈,并以报告形式和持久化快照交付。
适合设计评审与反馈
该技能用于创建基于设计哲学的高质量视觉艺术作品,输出为 .pdf 或 .png 文件。流程分两步:先创建设计哲学(.md),再在画布上通过形式、空间、色彩等视觉语言表达。强调极少文字、视觉优先、大师级工匠精神和避免复制已有艺术家作品。
适合创作海报、艺术设计或其他静态视觉作品
React Native 和 Expo 最佳实践指南,涵盖列表性能、动画、导航、UI 模式、状态管理、渲染、Monorepo 和配置等类别,用于构建高性能移动应用。
适合构建 React Native 或 Expo 应用
这是Expo官方团队提供的AI agent技能,用于构建原生UI组件,包括列表、模态框、标签页、底部弹窗和触觉反馈。作为Expo Skills的一部分,它帮助AI代理掌握Expo API的使用方法,与Expo文档、CLI等共同构成开发参考。
适合使用Expo开发原生移动应用,需要构建列表、模态、标签页等界面组件
面向原生应用的数据获取方案,覆盖离线缓存、后台刷新与同步模式。
适合原生 App 数据获取。
提供 Expo SDK 升级路径,处理破坏性变更、原生模块兼容和迁移步骤。
适合Expo 版本升级迁移。
指导在 Expo 中配置 NativeWind 和 Tailwind,处理原生类名与样式映射。
适合Expo Tailwind 配置。
帮助用户发现并安装代理技能,通过技能市场搜索、验证并安装技能。
适合用户询问如何完成某任务时寻找现成技能
agent-browser 是一个面向 AI 代理的快速浏览器自动化 CLI,基于 Chrome/Chromium CDP,提供无障碍树快照和元素引用。支持导航、点击、填表、截图、数据提取,并针对 Electron 桌面应用、Slack、探索性测试、Vercel Sandbox 微 VM 和 AWS Bedrock AgentCore 等场景提供专门技能。
适合需要与网站交互的自动化任务,如导航、点击、填表、截图、数据提取
skill-creator 是一个用于创建、测试、改进和发布新技能的技能。它提供了一套完整的工作流,包括捕获意图、编写 SKILL.md、创建测试用例、运行评估、迭代优化,以及优化技能描述以提高触发准确率。
适合从零创建新技能
来自 obra/superpowers 的 brainstorming skill,用于在任何创造性工作(新功能、组件、功能修改)之前,通过人机协作对话把想法转化为完整设计与规格。核心机制是先对请求分类为三条路径之一——Spike(可行性验证,产出结论而非保留代码)、Bounded(针对仓库中已有代码的小范围改动,在对话中给出简短设计)、Architectural(新项目或子系统,走完整流程);若存疑则取更重路径,任务中途发现隐藏复杂度只能升级、不可降级。它要求用一句话写下对意图、约束与成功标准的理解供人纠正,一次只问一个重要问题,架构路径需提出 2-3 种方案、分段呈现设计、写入 docs/superpowers/specs/YYYY-MM-DD-<topic>-design.md 并提交、做占位符/一致性/范围/歧义自查,再经用户审阅后调用 writing-plans skill 生成实施计划。skill 内含 HARD-GATE:任何实现动作前必须获得对应阶段的明确批准,并强调“太简单不需要设计”是反模式。还提供可选的可视化伴侣:仅在确实出现图示比文字更清楚的问题时才单独发消息提议,获批后用浏览器标签页展示原型与图表。
适合在开发新功能、构建组件或修改既有行为之前,先澄清用户意图、需求与成功标准
系统化调试技能,遵循‘无根因调查不修复’的铁律,通过四阶段流程(根因调查、模式分析、假设测试、实施)定位并修复问题,强调避免症状修补。
适合修复测试失败
obra/superpowers 中的 writing-plans 技能,用于在动手写代码之前,为多步骤任务编写结构化的实施计划。计划面向一位没见过该代码库、也没读过规格说明的工程师:假定对方掌握项目语言并会写出符合习惯的代码,凡是其无法自行得知的决策——涉及哪些文件、命名与签名、规格中的哪些取值、由哪些测试证明每个任务——都要在计划中写明。计划以可勾选的小任务形式交付,遵循 DRY、YAGNI、TDD 与频繁提交。内容涵盖:范围检查(若规格横跨多个独立子系统则建议拆分为多份计划);文件结构规划(按职责而非技术分层拆分,每个文件单一职责);任务粒度(任务是最小自带测试周期、值得独立评审的单位);步骤粒度(每个步骤只做一个动作并可检验,如写失败测试、运行确认失败、实现最小代码、运行确认通过、提交);计划文档的固定头部(Goal、Architecture、Tech Stack、Spec 路径、Global Constraints、Review Focus);随后是对照规格的自审清单(规格覆盖、步骤扫描、类型一致性、Review Focus、篇幅比例);最后是执行交接,要求人类先评审计划,并在未指定执行方式时选择子代理驱动或原生执行。计划默认保存到 docs/superpowers/plans/YYYY-MM-DD-<feature-name>.md。
适合已有规格说明或需求,需要把它拆成一份可逐任务执行的多步骤实施计划
来自 obra/superpowers 的技能,用于在完成任务、实现主要功能或合并前请求代码审查。它要求先取 git SHA(如 BASE_SHA=$(git rev-parse HEAD~1) 或 git merge-base origin/main HEAD,HEAD_SHA=$(git rev-parse HEAD)),再派发一个 general-purpose 审查子代理,并填写 code-reviewer.md 模板,提供 DESCRIPTION、PLAN_OR_REQUIREMENTS、BASE_SHA、HEAD_SHA 四个占位符信息,只给审查者精确构造的上下文,不给整个会话历史。技能列出必须审查的时机(子代理驱动开发中每个任务后、完成主要功能后、合并到 main 前)与可选时机(卡住时、重构前、修复复杂 bug 后),并规定对反馈的处理方式(Critical 立即修、Important 继续前修、Minor 记录、可基于技术理由反驳),另附常见借口对照表与红旗清单。
适合子代理驱动开发中,每完成一个任务后请求审查
一套强制纪律的测试驱动开发(TDD)工作流技能:先写一个最小失败测试(RED),必须亲眼看到它以预期原因失败,再写刚好通过测试的最简代码(GREEN),并运行整个项目测试套件确认全绿,最后在保持绿灯的前提下重构(REFACTOR),循环重复。核心铁律是“没有失败测试,就不写生产代码”,先写实现再补测试被视为需删除代码重来;同时列出常见合理化借口、红旗信号、验证清单,以及测试难以编写时的设计排错建议。适用于新功能、Bug 修复、重构与行为变更,一次性原型、生成代码、配置文件等例外需征得人类搭档同意。
适合Agent 实现新功能时,需要先写失败测试再写实现
executing-plans 是 obra/superpowers 中的 Agent 工作流技能,用于在当前会话中由执行者本人逐步执行一份实现计划:不为每个任务派发实现子代理和评审子代理,只在最后对整条分支做一次全新上下文评审。它的核心原则是“计划已经完成了思考”——严格按计划执行,用先看到失败、再看到通过的测试证明每一步,并留下能抵御自身遗忘的记录。做法包括:在隔离 worktree 中建立每个计划专属的 workspace 与 ledger(进度账本,首行标识计划文件),读取计划与 spec,做 pre-flight 扫描检查任务间共享接口的冲突;随后逐任务循环,用 scripts/task-start 取 brief 与 BASE、按计划既有的 RED-GREEN 顺序执行每步并与 Expected 行比对真实输出,代码出错走 systematic-debugging,计划出错则作出 ruling 并记账,按计划提交,满足完成契约后用 scripts/task-done 跑测试并仅在通过时写入完成行。全部任务完成后生成 review-package 并派发一次整分支评审(无子代理工具时由作者自评审并声明其较弱),Critical/Important 发现只做一次修复(每个修复需测试 RED→GREEN 且全套件通过),Minor 记入 ledger 并在最终消息中上报;最后删除该计划的 workspace 并交由 finishing-a-development-branch。
适合已通过 superpowers:writing-plans 得到实现计划,且 human partner 在交接时选择内联执行
这是一个面向会话内执行实施计划的 Agent 工作流技能:为计划中的每个任务派发一个全新的实施者子代理(拥有隔离上下文),每个任务完成后派发任务审查(规格符合性 + 代码质量),最后对整个分支做一次广义终审。核心原则是「每任务新子代理 + 任务审查 + 最终广度审查」,以在保持控制器上下文干净的同时实现高质量、快速迭代。技能强调:用 ledger 文件(workspace 内 progress.md)记录进度以抵抗上下文压缩;派发前记录 BASE commit 并用脚本生成任务简报、审查包与工作区;实施者只有四种状态(DONE / DONE_WITH_CONCERNS / NEEDS_CONTEXT / BLOCKED);审查发现问题进入修复循环,最多 5 轮,第 1-3 轮恢复原实施者,第 4-5 轮换更强模型的新实施者,触顶后逐条裁定并记账;只有四类情况才停下询问人类(不可逆/破坏性操作、安全敏感动作、工作树之外的副作用如合并推送发布、计划破碎到每一条路都是猜测)。除这些之外不中断执行、不做进度汇报式确认,冲突与歧义由控制器裁定并写入 ledger。
适合在当前会话中按已写好的实施计划逐任务落地,且任务之间大体独立
Supabase 维护的 Postgres 最佳实践指南,涵盖查询性能、连接管理、安全与 RLS、Schema 设计、并发与锁、数据访问模式、监控诊断、高级特性等 8 类规则,包含 SQL 示例与查询计划分析,用于指导数据库优化与代码生成。
适合创建或修改表、列、Schema 设计、迁移和声明式 Schema 文件时
这是 Supabase 官方发布的 agent skill(仓库 supabase/agent-skills,版本 0.1.2),面向任何涉及 Supabase 的任务,覆盖 Database、Auth、Edge Functions、Realtime、Storage、Vectors、Cron、Queues 等产品,以及 supabase-js、@supabase/ssr 在 Next.js、React、SvelteKit、Astro、Remix 中的 SSR 集成。内容分几块:核心原则(不依赖训练数据、先查 changelog 与当前文档、实现后验证、失败 2-3 次即换思路、表暴露到 Data API 的 GRANT 与 RLS 关系);一份 Supabase 专属安全清单(JWT 授权不能用 user_metadata、删除用户不失效 token、service_role 与密钥不得暴露、视图默认绕过 RLS、UPDATE 需要 SELECT 策略、auth.role() 已废弃且匿名登录下会失效、TO authenticated 单独使用构成 BOLA/IDOR、UPDATE 策略需 USING+WITH CHECK、SECURITY DEFINER 绕过 RLS 且 public 中默认可被调用、Storage upsert 需 INSERT+SELECT+UPDATE、锁定依赖版本);CLI 使用规范(必须用 --help 发现命令,附已知版本门槛与踩坑);MCP server 的连接排查步骤(可达性 curl、.mcp.json、OAuth 2.1 认证、scoped token 权限);文档获取优先级(MCP search_docs、URL 加 .md、网络搜索);schema 变更的声明式与命令式两条路径(并说明何时用 execute_sql 而非 apply_migration);以及调试时必须先读 Monitoring and Debugging 文档。
适合在 Next.js、React、SvelteKit、Astro、Remix 中接入 supabase-js 或 @supabase/ssr,并处理登录、登出、会话、JWT、cookie、getSession/getUser/getClaims
提供 Firebase CLI 基础设置、CLI 安装、版本检查、登录(包括 --no-localhost)、项目创建/切换、以及应用配置文件下载。仅适用于 CLI 登录、项目创建/切换或下载应用配置文件,不用于 Firebase Hosting 部署、Firestore、Auth 等。
适合在无浏览器环境中执行 Firebase CLI 登录
Firebase 官方 agent-skills 中的 Firebase Authentication 基础指南,用于指导为应用搭建并使用 Firebase Authentication。文档覆盖核心概念(用户与 uid、邮箱/密码、Google 等联邦提供方、电话号码、匿名、自定义认证等身份提供方,以及 ID Token/Refresh Token 机制),并给出工作流:通过 firebase.json 的 auth 块或 Firebase 控制台配置登录提供方、用 npx -y firebase-tools@latest deploy --only auth 部署使配置生效、按 Web/Flutter/Android(Kotlin)/iOS(Swift) 进行客户端 SDK 接入,以及在 Firestore/Storage 安全规则中用 request.auth 保护数据。前置条件为 Firebase 项目与已登录的 Firebase CLI。
适合为应用添加用户注册/登录功能(邮箱密码、Google 等提供方)
Convex 数据库快速入门技能:从一句话想法启动一个极简 Next.js + Convex 模板,使用匿名开发部署。包含工作流程、规则、数据访问、HTTP 路由、保留名称及自验证等关键约束。
适合快速生成 Convex + Next.js 项目脚手架
用于 Convex 首次配置认证,支持 Clerk、Auth0 和自定义 JWT 提供方。
适合适合 Convex 认证首次接入。
来自 neondatabase/agent-skills 的官方技能,面向 Neon 的 Lakebase Postgres 数据库工作,覆盖连接方式、schema 迁移、分支、自动扩缩容、缩容至零、即时恢复、只读副本、IP 允许列表、逻辑复制与 Lakebase Search。文档区分 pooled(带 -pooler 后缀,用于应用查询)与 direct(无后缀,用于迁移、pg_dump/pg_restore、逻辑复制、LISTEN/NOTIFY、依赖 SET 的会话状态)两类连接字符串,并给出驱动选择建议(Vercel/Cloudflare/Neon Functions 用 node-postgres,serverless 与边缘环境用 @neondatabase/serverless,其 HTTP 用于一次性查询、WebSocket 支持事务)。诊断部分强调优先使用 Neon 预置只读检查(CLI `neon inspect db` 与 MCP `inspect_database`),如 table-sizes、index-sizes、unused-indexes、seq-scans、long-running-queries、locks、outliers、calls、lfc-hit-rate、working-set、vacuum-stats、bloat、replication-slots、subscriptions,并说明各检查的语义差异与结果解读注意事项;还介绍用 EXPLAIN (ANALYZE, BUFFERS, PREFETCH, FILECACHE) 查看 Local File Cache 与预取行为。该技能为 `neon` 父技能的子技能,新后端、Auth、文件、Functions 与 LLM 调用归属父技能。
适合为现有 DATABASE_URL 或 Neon 项目选择 pooled 与 direct 连接字符串
Firestore 大规模应用方案,涵盖分片、复合索引和企业级数据建模。
适合需要优化 Firestore 性能的开发者
用于 PlanetScale Postgres 的架构设计、分支管理和 Vitess 扩展模型理解。
适合适合 PlanetScale Postgres 设计。
帮助处理 PlanetScale MySQL 的分支迁移、分片扩展、连接方式和 InnoDB 结构设计。
适合适合 PlanetScale MySQL 迁移优化。
该技能要求在声称任务完成、修复或通过之前,必须先运行验证命令并确认输出,始终遵循“证据先于声明”的原则。
适合在提交代码或创建 PR 之前确保验证已执行
playwright-cli 是微软官方仓库 microsoft/playwright-cli 提供的浏览器自动化 CLI 技能,用于通过命令行控制实时浏览器完成交互、检查与回放。命令覆盖核心操作(open/goto/click/type/fill/drag/drop/hover/select/upload/check/snapshot/find/eval/dialog/resize)、导航、键盘鼠标、截图与 PDF、多标签页、存储状态(cookies/localStorage/sessionStorage 及 state-save/state-load)、环境模拟、网络路由 mock、DevTools 调试(console/requests/run-code/tracing/recording/video)、WebMCP 页面工具调用,以及从 ref 或选择器生成 Playwright locator。默认每条命令后输出当前页面快照,可用 refs、CSS 选择器或 Playwright locator 定位元素;支持 --raw、--json 结构化输出,并可通过 --extension、--cdp 连接已有浏览器、使用命名会话管理多个浏览器实例。
适合让 Agent 打开真实浏览器并执行点击、填写、上传、拖拽、悬停等页面交互