工程构建高级

vercel-composition-patterns

帮助设计可维护的 React 组件 API,避免 props 失控并提升团队复用性。

推荐使用Codex
Recent DesignReact组件架构

Vercel-labs

Skill 作者

适合职业

  • 前端开发者
  • 架构师

兼容工具

  • Codex
  • Claude Code
  • OpenAI Agents

使用场景

  • React 组件设计
  • 组件 API 规划
  • 前端架构评审

安装指令(将命令发送给 Codex 可直接安装)

完整说明

Skill 简介

vercel-composition-patterns 用于指导 React 组件组合方式,帮助项目避免 props 过多、组件难复用和长期维护困难。

适合场景

  • 设计复杂组件 API。
  • 重构已有 React 组件。
  • 评估 compound components、context 和 render props 等模式。

安装命令

安装说明

运行安装命令后,在对应项目中让 AI 使用该 Skill。建议先阅读 GitHub 仓库说明,再把它加入达灵感项目资源。

使用说明

适合在具体 AI 项目中作为可复用资源保存。使用时,把当前项目背景、目标页面或工作流说明清楚,再调用该 Skill。