实现设计（Implement Design）

概述

本技能提供一套与设计工具无关的结构化流程：先把「设计意图与可验收的视觉基准」收齐，再映射到本仓库的技术栈与工程约定，最终交付可上线代码并做对照校验。设计可能来自腾讯设计 Ardot（含 MCP）、其它协作平台、导出的静态稿、产品文档中的截图与标注，或组合形式。

技能边界

• 使用本技能： 交付物为用户仓库中的前端代码（页面、组件、样式、资源落盘），且存在可对照的设计或规格依据。
• 不使用本技能： 仅在设计工具里改稿、新建画布节点、或「从代码反推设计稿」——应改用对应工具或团队专用 skill。
• 信息不足时： 先向用户索要画板/组件范围、最新效果图、标注或导出资源；避免在缺少尺寸与颜色的情况下凭想象实现。

设计来源与信息获取

实现前先判断主要设计来源，按需组合下列渠道（可多选）：