「组件生成」智能体 Skill 是什么：能做什么、适合谁、怎么开始

把「组件生成」交给智能体，难点不在模型能力，而在流程是否说清楚：输入是什么（设计说明），按什么顺序处理，交付什么（组件代码与示例），哪些事不能做。Skill 就是把这些写下来的载体。

一句话说明

「组件生成」技能让智能体按设计说明与现有组件库风格生成新组件。你提供设计说明，它按固定步骤处理，交付组件代码与示例。

没有技能时，前端工程师每次都要重新描述要求，智能体的输出时详时略、格式不一，关键的检查步骤也经常被跳过。把流程写成技能后：

适合：经常处理设计说明、希望结果格式统一、愿意花十分钟把流程写清楚的前端工程师。

不适合：一次性的临时任务；需要大量现场判断、无法写成步骤的工作；以及没有人复核就要直接对外使用的场景。

同一个技能的思路可以落在不同平台上，常见选择有：

建议先用纯提示词版本在日常对话助手里试几次，确认步骤合理；再按SKILL.md 写法封装成技能；最后用测试用例验收。

这个技能纯指令型，不需要额外脚本或外部连接，复制到大多数平台都能用；风险较低，但输出仍需快速过目再使用。

同一个技能可以按使用场景派生出几个变体：

变体之间共享同一套约束，只在步骤详略和输出格式上有差异。可以在一个技能里用参数区分，也可以拆成几个名称明确的技能。

反过来，如果只是偶尔做一次，或者任务高度依赖现场判断，直接和浏览器、组件库与设计稿里的智能体对话即可，不必专门封装成技能。

说明：文中的配置、代码与目录结构均为示意，用于说明思路；各平台的入口、字段名与能力会更新，落地前请以对应官方文档为准。示例中的数据与场景为虚构，不代表真实案例。