什么是 vercel-composition-patterns？
反应可扩展的组合模式。在通过布尔属性扩散重构组件、构建灵活的组件库或设计可重用的 API 时使用。触发涉及复合组件、渲染道具、上下文提供程序或组件架构的任务。包括 React 19 API 更改。 来源：petekp/claude-code-setup。
·vercel-composition-patterns
</>
vercel-composition-patterns
✓反应可扩展的组合模式。在通过布尔属性扩散重构组件、构建灵活的组件库或设计可重用的 API 时使用。触发涉及复合组件、渲染道具、上下文提供程序或组件架构的任务。包括 React 19 API 更改。
如何安装 vercel-composition-patterns
通过命令行快速安装 vercel-composition-patterns AI 技能到你的开发环境
- 打开终端: 打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等）
- 运行安装命令: 复制并运行以下命令：npx skills add https://github.com/petekp/claude-code-setup --skill vercel-composition-patterns
- 验证安装: 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
来源：petekp/claude-code-setup。
SKILL.md
查看原文Composition patterns for building flexible, maintainable React components. Avoid boolean prop proliferation by using compound components, lifting state, and composing internals. These patterns make codebases easier for both humans and AI agents to work with as they scale.
| 1 | Component Architecture | HIGH | architecture- | | 2 | State Management | MEDIUM | state- | | 3 | Implementation Patterns | MEDIUM | patterns- | | 4 | React 19 APIs | MEDIUM | react19- |
⚠️ React 19+ only. Skip this section if using React 18 or earlier.
反应可扩展的组合模式。在通过布尔属性扩散重构组件、构建灵活的组件库或设计可重用的 API 时使用。触发涉及复合组件、渲染道具、上下文提供程序或组件架构的任务。包括 React 19 API 更改。 来源：petekp/claude-code-setup。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/petekp/claude-code-setup --skill vercel-composition-patterns- 分类
- </>开发工具
- 认证
- ✓
- 收录时间
- 2026-02-22
- 更新时间
- 2026-03-10
快速解答
如何安装 vercel-composition-patterns？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/petekp/claude-code-setup --skill vercel-composition-patterns 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
这个 Skill 的源码在哪？
https://github.com/petekp/claude-code-setup
详情
- 分类
- </>开发工具
- 来源
- skills.sh
- 收录时间
- 2026-02-22