devui-component-implementer

What problem does it solve?

通过将设计需求映射到 DevUI2 组件实现，本 Skill 自动化从组件库中选型、复制、ref 实例化与内容定制的工作流程，降低跨设计与实现的摩擦。

Core Features & Use Cases

• 组件选型与拷贝：根据设计需求从 designsystem/devUI/components/devUI2.pen 选取组件并复制到目标 .pen 文件。
• 实例化与定制：使用 ref 实例化组件后，通过 descendants 将文本和标签等内容替换为设计稿内容。
• 工作流遵循：遵循 devui2-component-guide 的场景选型、跨文件复制规则与文本覆盖要求，确保一致性。
• 使用场景：用于 UI 区块、页面区域、表单、表格、导航、卡片等组件的实现触发。

Quick Start

提供设计需求并触发 DevUI2 组件实现，选择库中的组件并将其应用到目标 .pen 文件。