代码开发
组件结构设计
用组合组件、状态提升和清晰的组件接口整理复杂界面，减少过多的开关参数。
这个技能可以帮你做什么
- 你需要提供
- 组件代码、调用位置与需要保留的行为
- 预期得到
- 组件拆分方案与调用示例
- 使用条件
- 需要支持技能的 AI 助手，并按源项目说明准备运行环境。
安装这个技能
在电脑上的项目文件夹中打开终端，运行下方命令。
npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-composition-patterns需要 Node.js 与可用的 npx 命令。按安装提示确认目录和助手，具体依赖见本页说明。
安装后，这样提需求
请使用 vercel-composition-patterns 技能。整理这个包含很多布尔参数的弹窗组件，保留现有行为，并给出更清晰的组合方式。
替换成你自己的文件、项目或需求，再交给助手执行。