vercel-react-best-practices(Vercel React 最佳实践)
用于辅助前端页面、组件、样式和交互逻辑的开发与维护。它适合让 Agent 生成或审查 React、Next.js、Vue、Tailwind、CSS 等相关代码,整理组件结构,或定位布局和性能问题。使用时需要结合项目现有设计系统、路由和构建方式,避免只生成孤立片段;涉及页面改动时,应配合本地预览和构建检查确认视觉效果。
适合场景:Next.js 项目开发 / React 组件生成 / 前端性能优化
专为中国用户整理的优质 Skills 一键极速安装
已整理 15w+ 可复用 Agent Skills,覆盖 Codex、Claude、Cursor、OpenClaw 等主流工具生态,按用途分类、适用工具、中文说明和来源信息统一归档,帮助你提升AI效率、自动化开发、工作流扩展等能力。
收录 Skills
147,385
总安装
2,288,214,820
总下载
764,369,700
GitHub Stars
291,922,668
用于辅助前端页面、组件、样式和交互逻辑的开发与维护。它适合让 Agent 生成或审查 React、Next.js、Vue、Tailwind、CSS 等相关代码,整理组件结构,或定位布局和性能问题。使用时需要结合项目现有设计系统、路由和构建方式,避免只生成孤立片段;涉及页面改动时,应配合本地预览和构建检查确认视觉效果。
适合场景:Next.js 项目开发 / React 组件生成 / 前端性能优化
用于辅助界面设计、视觉规范、排版、配色、布局和交互体验优化。它适合让 Agent 根据产品场景整理页面结构、生成 UI 方案、检查视觉一致性或改进组件层级。使用时需要结合现有品牌、设计系统和用户任务,不应只堆装饰元素;涉及真实页面改动时,应通过截图或浏览器预览检查文本溢出、对齐和响应式表现。
适合场景:用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时
用于辅助界面设计、视觉规范、排版、配色、布局和交互体验优化。它适合让 Agent 根据产品场景整理页面结构、生成 UI 方案、检查视觉一致性或改进组件层级。使用时需要结合现有品牌、设计系统和用户任务,不应只堆装饰元素;涉及真实页面改动时,应通过截图或浏览器预览检查文本溢出、对齐和响应式表现。
适合场景:用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时
web-interface-guidelines 用于处理 GitHub 仓库、Issue、Pull Request 和代码协作信息,适合在 Codex、Claude、Cursor、Gemini CLI 中需要围绕仓库状态、代码变更或协作事项进行整理时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态,以及是否会触发联网、命令执行或文件读写。
适合场景:用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时
用于辅助界面设计、视觉规范、排版、配色、布局和交互体验优化。它适合让 Agent 根据产品场景整理页面结构、生成 UI 方案、检查视觉一致性或改进组件层级。使用时需要结合现有品牌、设计系统和用户任务,不应只堆装饰元素;涉及真实页面改动时,应通过截图或浏览器预览检查文本溢出、对齐和响应式表现。
适合场景:用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时
用于辅助前端页面、组件、样式和交互逻辑的开发与维护。它适合让 Agent 生成或审查 React、Next.js、Vue、Tailwind、CSS 等相关代码,整理组件结构,或定位布局和性能问题。使用时需要结合项目现有设计系统、路由和构建方式,避免只生成孤立片段;涉及页面改动时,应配合本地预览和构建检查确认视觉效果。
适合场景:用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时
用于辅助前端页面、组件、样式和交互逻辑的开发与维护。它适合让 Agent 生成或审查 React、Next.js、Vue、Tailwind、CSS 等相关代码,整理组件结构,或定位布局和性能问题。使用时需要结合项目现有设计系统、路由和构建方式,避免只生成孤立片段;涉及页面改动时,应配合本地预览和构建检查确认视觉效果。
适合场景:Next.js 项目开发 / React 组件生成 / 前端性能优化
inkeep-best-practices 用于补充开发规范相关能力,适合在 Codex、Claude、Cursor、Gemini CLI 中需要让 Agent 承接开发规范相关任务时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态,以及是否会触发联网、命令执行或文件读写。
适合场景:用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时
用于辅助界面设计、视觉规范、排版、配色、布局和交互体验优化。它适合让 Agent 根据产品场景整理页面结构、生成 UI 方案、检查视觉一致性或改进组件层级。使用时需要结合现有品牌、设计系统和用户任务,不应只堆装饰元素;涉及真实页面改动时,应通过截图或浏览器预览检查文本溢出、对齐和响应式表现。
适合场景:用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时
email-and-password-best-practices 用于处理 GitHub 仓库、Issue、Pull Request 和代码协作信息,适合在 Codex、Claude、Cursor、Gemini CLI 中需要围绕仓库状态、代码变更或协作事项进行整理时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态,以及是否会触发联网、命令执行或文件读写。
适合场景:用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时
tavily-best-practices 用于处理浏览器自动化、网页检查和页面信息提取,适合在 Codex、Claude、Cursor、Gemini CLI 中需要让 Agent 打开页面、读取网页或验证前端流程时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态,以及是否会触发联网、命令执行或文件读写。
适合场景:用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时
workers-best-practices 用于记录任务执行中的错误、用户纠正、经验和能力缺口,适合在 Codex、Claude、Cursor、Gemini CLI 中希望让 Agent 持续沉淀问题、修正和最佳实践时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态,以及是否会触发联网、命令执行或文件读写。
适合场景:用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时
用于辅助前端页面、组件、样式和交互逻辑的开发与维护。它适合让 Agent 生成或审查 React、Next.js、Vue、Tailwind、CSS 等相关代码,整理组件结构,或定位布局和性能问题。使用时需要结合项目现有设计系统、路由和构建方式,避免只生成孤立片段;涉及页面改动时,应配合本地预览和构建检查确认视觉效果。
适合场景:用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时
tanstack-router-best-practices 用于记录任务执行中的错误、用户纠正、经验和能力缺口,适合在 Codex、Claude、Cursor、Gemini CLI 中希望让 Agent 持续沉淀问题、修正和最佳实践时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态,以及是否会触发联网、命令执行或文件读写。
适合场景:用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时
用于辅助前端页面、组件、样式和交互逻辑的开发与维护。它适合让 Agent 生成或审查 React、Next.js、Vue、Tailwind、CSS 等相关代码,整理组件结构,或定位布局和性能问题。使用时需要结合项目现有设计系统、路由和构建方式,避免只生成孤立片段;涉及页面改动时,应配合本地预览和构建检查确认视觉效果。
适合场景:用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时
用于辅助文档、README、Markdown、说明文和内容稿件的整理与改写。它适合让 Agent 提炼结构、补齐章节、统一术语、检查链接或把零散材料整理成可读文档。使用时应保留项目已有事实、命令和路径,不要把未确认的信息写成确定结论;涉及对外文案时,还需要控制语气,避免过度营销或夸大能力。
适合场景:用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时
storefront-best-practices 用于处理 GitHub 仓库、Issue、Pull Request 和代码协作信息,适合在 Codex、Claude、Cursor、Gemini CLI 中需要围绕仓库状态、代码变更或协作事项进行整理时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态,以及是否会触发联网、命令执行或文件读写。
适合场景:用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时
email-best-practices 用于记录任务执行中的错误、用户纠正、经验和能力缺口,适合在 Codex、Claude、Cursor、Gemini CLI 中希望让 Agent 持续沉淀问题、修正和最佳实践时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态,以及是否会触发联网、命令执行或文件读写。
适合场景:用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时
godot-best-practices 用于处理 GitHub 仓库、Issue、Pull Request 和代码协作信息,适合在 Codex、Claude、Cursor、Gemini CLI 中需要围绕仓库状态、代码变更或协作事项进行整理时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态,以及是否会触发联网、命令执行或文件读写。
适合场景:用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时
用于辅助 Python 项目开发、测试、依赖管理和常见框架工作流。它适合让 Agent 阅读 Python 代码、定位测试问题、整理运行命令、生成脚本或分析数据处理逻辑。使用时需要确认项目虚拟环境、依赖版本和测试入口;涉及执行脚本、读写文件、访问数据库或调用外部 API 时,应先明确运行目录和输入输出范围,避免误改生产数据。
适合场景:用户想查找某类 Agent Skill 时 / 需要根据任务场景推荐可安装能力包时 / 需要对比不同来源的安装命令和来源信息时