vercel-react-best-practices
基于 Vercel Engineering 的 React 与 Next.js 性能规则,覆盖瀑布请求、包体、重复渲染和进阶优化。
适合写 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 Engineering 的 React 与 Next.js 性能规则,覆盖瀑布请求、包体、重复渲染和进阶优化。
适合写 React/Next.js 页面与性能排查时。
把布尔属性过多的组件重构为可组合 API,整理复合组件、render props 和 Context 模式。
适合重构复杂组件接口时。
围绕 shadcn/ui 的组件新增、检索、修复、样式调整与组合使用,适合在现有项目里快速落地一致的界面结构。
适合使用 shadcn/ui 搭界面时。
面向本地 Web 应用的测试工具,结合 Playwright 进行单元、集成和端到端验证,适合检查页面交互与回归问题。
适合测试本地 Web 应用时。
用于用 Tailwind 实现设计系统,覆盖 design token、组件变体与组件模式,方便统一页面视觉规范和复用结构。
适合搭建 Tailwind 设计系统时。
聚焦 TypeScript 进阶类型写法,涵盖可辨识联合、条件类型、模板字面量和工具类型,适合约束复杂数据与 API 结构。
适合编写复杂 TypeScript 类型时。
用于将 Next.js 应用部署到 Vercel,并处理配置与环境变量设置,适合把代码可靠发布到线上预览或正式环境。
适合把 Next.js 项目部署到 Vercel 时。
围绕 Turborepo 的任务流水线、缓存、远程缓存和 CI 配置,适合管理多包仓库的构建与增量任务执行。
适合管理 Turborepo 多包仓库时。
面向 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 代码是否符合 Web Interface Guidelines,覆盖间距、字体、交互与无障碍要求。
适合适合检查 Web 界面规范。
面向 iOS 与 Android 的移动端界面设计指引,帮助规划屏幕、布局和移动优先的视觉表达。
适合适合移动 App 界面设计。
为网页和移动端复杂界面提供 UI/UX 判断,适合梳理交互结构、页面层次与信息呈现。
适合适合复杂页面的交互与结构。
提供带明确理由的前端审美判断,适合在配色、层次、留白和细节取舍上做一致决策。
适合适合前端视觉决策与品味判断。
面向奢华与编辑风界面提供高端视觉审美参考,帮助把页面做得更克制、更精致。
适合适合高端感与编辑风页面。
从现有代码或公开网站提取设计原语,生成可直接起步的 token 文件与组件依据。
适合提取设计系统、整理 tokens。
在功能完成后做最后一轮视觉打磨,收紧间距、修正字体与边缘细节。
适合界面收尾、视觉微调。
提供结构化设计评审,结合设计检查与浏览器证据给出可执行反馈。
适合设计评审、问题定位。
Create beautiful visual art in .png 和 .pdf documents 使用 desig。
适合原文场景:Form, space, color, composition
面向 React Native 与 Expo 的开发指引,强调性能、导航、原生模块和平台 API。
适合React Native / Expo 开发。
帮助在 Expo 中搭建更像原生应用的界面,适配列表、弹窗、标签页与触感反馈。
适合Expo 原生风界面搭建。
面向原生应用的数据获取方案,覆盖离线缓存、后台刷新与同步模式。
适合原生 App 数据获取。
提供 Expo SDK 升级路径,处理破坏性变更、原生模块兼容和迁移步骤。
适合Expo 版本升级迁移。
指导在 Expo 中配置 NativeWind 和 Tailwind,处理原生类名与样式映射。
适合Expo Tailwind 配置。
帮助在对话中发现并安装合适技能,便于按任务快速扩展 Agent 能力。
适合查找并安装其他技能。
提供浏览器自动化能力,支持导航、点击、填表、抓取与截图,适合让 AI 直接操作网页界面。
适合适合网页操作与界面验证任务。
帮助你在 Agent 内创建、修改、测试并发布新 Skill,也能迭代已有 Skill 并观察表现。
适合适合制作和迭代 Skill。
提供结构化发散与拆解框架,帮助在动手前先明确目标、拆任务和整理方案。
适合适合创意探索与任务拆解。
用假设驱动的排查循环处理 bug、测试失败和异常行为,先观察再验证再修正。
适合适合排查故障和异常行为。
在复杂任务开始前,先把需求整理成结构化实施计划,便于后续分步推进。
适合适合复杂任务的前置规划。
帮助你在任务完成或合并前做自检、补充测试覆盖,并准备清晰的代码评审说明。
适合适合提交前自查与评审准备。
按测试驱动流程先写失败测试,再实现最小修复,验证后重构,适合稳步推进功能。
适合适合以测试驱动实现功能。
把已写好的实施计划按步骤执行,并在每个阶段设置检查点和验证结果。
适合适合按计划分阶段落地。
协调多个专门子 Agent 分工处理任务不同部分,适合并行推进独立工作项。
适合适合多子任务协同处理。
提供 Supabase 场景下的 Postgres 建模、RLS、索引和查询性能建议,帮助写更稳的数据库方案。
适合适合 SQL、建模和性能优化。
用于 Supabase 相关开发,涵盖认证、存储、实时数据、Edge Functions 和迁移。
适合适合 Supabase 数据与后端任务。
帮助处理 Firebase 初始化、Firestore 查询、安全规则和项目配置。
适合适合 Firebase 基础接入与配置。
用于 Firebase Authentication 的接入与管理,覆盖登录流程、Provider、自定义声明和会话。
适合适合 Firebase 登录认证任务。
面向 Convex 新项目,覆盖 schema、查询、mutation 和实时响应式数据模式。
适合适合 Convex 新项目启动。
用于 Convex 首次配置认证,支持 Clerk、Auth0 和自定义 JWT 提供方。
适合适合 Convex 认证首次接入。
帮助处理 Neon Postgres 的分支流程、无服务器驱动和连接池配置。
适合适合 Neon Postgres 连接与扩展。
面向 Firestore 大规模场景,覆盖分片、复合索引和企业级数据建模。
适合适合 Firestore 扩容与建模。
用于 PlanetScale Postgres 的架构设计、分支管理和 Vitess 扩展模型理解。
适合适合 PlanetScale Postgres 设计。
帮助处理 PlanetScale MySQL 的分支迁移、分片扩展、连接方式和 InnoDB 结构设计。
适合适合 PlanetScale MySQL 迁移优化。
在任务标记完成前强制先跑验证命令并核对输出,避免凭感觉宣布修复成功或提前合并。
适合适合提交前验收与完成确认。
通过 Playwright CLI 控制实时浏览器,录制、检查并回放交互,便于定位网页行为问题。
适合适合浏览器录制与回放调试。