开发与代码精选推荐
vercel composition patterns
功能描述与核心用途
提供React组合模式的最佳实践指导，涵盖组件架构、状态管理和实现模式等关键领域。帮助开发者避免常见陷阱，优化代码结构，提升组件可维护性和复用性。特别包含React 19 API的使用建议，通过具体规则文档提供可操作的开发准则。
运行宿主与模型建议
- 运行宿主：Claude Code / Codex CLI / OpenClaw / Cursor 等命令行 AI Agent
- 推荐模型：代码专精、长上下文的模型
- 安装后重启 / 刷新 Agent 即可识别，用自然语言调用，无需额外中转服务。
安装与使用教程 按对应通道操作，命令可直接复制
第一步 ·
准备环境：安装 Node.js 18 及以上版本，终端执行node -v能显示版本号即正常。 skills.sh 通過 npx 分發，無需手動克隆倉庫。第二步 ·
（可选）先搜索确认：npx skills find vercel-composition-patterns第三步 ·
执行安装：在项目目录执行下面命令，按提示确认即可写入当前项目（全局安装可加-g参数）：npx skills add vercel-composition-patterns第四步 ·
加载调用：重启或刷新 Agent 让它识别新 Skill，之后直接用自然语言描述需求即可自动调用。第五步 ·
卸载：执行npx skills remove vercel-composition-patterns即可移除。
发给 AI 的安装提示词
请帮我安装并启用开源 Skill「vercel composition patterns」（开源仓库 vercel-labs/agent-skills），它的作用是：提供React组合模式的最佳实践指导，涵盖组件架构、状态管理和实现模式等关键领域。帮助开发者避免常见陷阱，优化代码结构，提升组件可维护性和复用性。特别包含React 19 API的使用建议，通过具体规则文档提供可操作的开发准则。请先检查 Node.js 18+ 环境（node -v）；然后执行 npx skills add vercel-composition-patterns （必要时先 npx skills find vercel-composition-patterns) 完成安装；若目录里有依赖文件请一并安装；之后重载技能列表确认已被识别，并用一个最简单示例演示如何用自然语言调用它；如果报错请自动排查修复，最后告诉我使用方法。调用示例（自然语言）
> 分析当前项目结构，并帮我完成对应的代码任务