Vercel Composition Patterns
官方 已认证Vercel 官方组件组合模式技能，教授 Server Components、Client Components 与 Shared Components 的拆分策略与数据流。
一键安装
在终端运行以下命令安装技能到你的 AI Agent：
npx skillsadd vercel-labs/agent-skills如何使用
Claude Code：将技能放入 ~/.claude/skills（个人）或项目 .claude/skills 目录，Claude 会自动识别。
Cursor / Windsurf：通过 npx skillsadd 安装后，技能目录会被放入配置路径。
Codex CLI：安装后在技能目录中自动加载，通过名称调用。
标签
Vercel组合模式compositionReactServer-Components架构官方
同类推荐
Web Artifacts Builder
官方
Anthropic 官方技能，将自然语言描述转化为完整的可交互 Web 应用，生成 HTML、CSS、JavaScript 单文件制品，适合快速原型与演示。
1100.0k
Systematic Debugging
推荐
系统化调试方法论技能，引导 Agent 按复现、定位、假设、验证、修复的闭环流程排查 Bug，避免盲目改代码。
320.0k
Test-Driven Development
热门
测试驱动开发（TDD）工作流技能，遵循红-绿-重构循环，先写失败测试再实现功能，保障代码质量与可维护性。
280.0k
Code Review Workflow
结构化代码审查工作流，从命名、架构、安全、性能、可读性等维度逐项检查，并输出规范的评审意见与改进建议。
250.0k
MCP Builder
官方
Model Context Protocol 服务器构建技能，指导 Agent 快速搭建符合 MCP 规范的服务器，定义工具、资源与提示词。
1100.0k
Skill Creator
官方
技能创建器，帮助开发者按规范编写 SKILL.md 元文件、组织参考脚本与资源，快速发布可被 Agent 加载的技能包。
1100.0k