用途:根据一张截图分析并复刻出可用的设计代码,属于设计类技能。
主要能力:先用多模态能力详细描述截图中的设计风格、字体、颜色、边框、间距、元素位置与尺寸、形状、材质、光影、模糊、发光、背景透明度、过渡等细节,并尝试推测字体名称与字号;再运行设计智能库匹配设计模式;随后由设计子代理按渐进式披露结构制定设计计划,并逐步实现。默认在用户未指定时使用纯 HTML/CSS/JS 输出。
使用方式:技能要求先激活设计智能库,再进行分析与实现。计划会保存为 plan.md 及分阶段文件,包含上下文链接、需求、架构、实现步骤、待办、成功标准、风险评估等。实现完成后向用户汇报改动并请求审核,用户批准后可更新设计指南文档。
适用场景:需要把截图还原为前端界面、复刻视觉风格、生成设计规范或交互界面时使用。
限制:资料未提供具体收费、价格、平台支持范围与效果保证。技能文本包含大量面向特定工具链的协议与流程约束,实际可用性取决于运行环境是否支持所需子代理与多模态能力;若某步骤无法运行,应停止并询问用户。