vercel-react-best-practices
基于 Vercel Engineering 的 React 与 Next.js 性能规则，覆盖瀑布请求、包体、重复渲染和进阶优化。
适合写 React/Next.js 页面与性能排查时。
Agent Skills Directory
695 个 Skill，让 AI 更懂你的工作
汇集公开精选榜单与 Hermes Agent 内置能力。先看用途和适用场景，再复制安装命令或打开原文核对。
- Skill
- 695
- 分类
- 60
- 精选目录
- 333
- Hermes 内置
- 95
Skill 推荐网
前端与 React
6 个结果
vercel-composition-patterns
把布尔属性过多的组件重构为可组合 API，整理复合组件、render props 和 Context 模式。
适合重构复杂组件接口时。
shadcn
围绕 shadcn/ui 的组件新增、检索、修复、样式调整与组合使用，适合在现有项目里快速落地一致的界面结构。
适合使用 shadcn/ui 搭界面时。
Web 应用端到端测试：用 Playwright 建立可复现的发布前检查
端到端测试应验证用户看得到的行为。本文按 Playwright 官方实践整理测试隔离、定位器、测试数据、失败排查与上线前清单。
适合测试本地 Web 应用时。
tailwind-design-system
用于用 Tailwind 实现设计系统，覆盖 design token、组件变体与组件模式，方便统一页面视觉规范和复用结构。
适合搭建 Tailwind 设计系统时。
typescript-advanced-types
聚焦 TypeScript 进阶类型写法，涵盖可辨识联合、条件类型、模板字面量和工具类型，适合约束复杂数据与 API 结构。
适合编写复杂 TypeScript 类型时。
内容与来源说明
条目根据公开目录和原始文档摘要整理，保留来源与原文入口。安装前请查看原文中的依赖、权限和安全说明；热度指标仅用于发现内容，不代表绝对质量。