用途:该技能将产品需求转写为技术设计规格,用于生成高保真界面稿、线框图和设计系统,面向移动端与 Web 应用,输出依赖 muapi.ai。
主要能力:以原子设计方式组织界面,从原子(按钮)到有机体(页头)保持一致性;针对移动端(iOS/Android)和 Web(SaaS、电商)的响应式断点进行布局;指定字体层级、间距令牌和色彩(Hex/HSL);并参考可用性原则(Nielsen 十大启发式)。内部提供意图映射表,如企业 SaaS 对应现代简洁、仪表盘/网格、数据密度;消费类应用对应玻璃拟态、F 型/卡片;电商对应极简、Z 型/商品网格、转化;作品集对应粗野主义、非对称、身份识别;工具类对应新拟态、控制面板、触感反馈。设计令牌建议几何无衬线体(Inter/Roboto)用于科技,衬线体(Playfair)用于奢华;8pt 网格间距;高对比度可访问调色板(符合 WCAG 2.1);采用阴影深度或扁平分层。
使用方式:先提供功能列表与目标受众,再由 get-mockup.sh 脚本扩展为设计规格。示例命令保持原样:
bash scripts/generate-mockup.sh
--desc "crypto wallet home with price charts"
--platform mobile
--theme dark
--style glassmorphism
脚本会将高层描述转为 UX_BRIEF,指定布局模式、设计令牌与美学约束,再交由核心的 core/media/generate-image.sh 生成。
限制:不得显示手、实体手机或桌面,仅生成纯 UI/UX 界面稿;避免亮底低对比文字;同页原子组件需保持一致;小字号正文使用占位文本,标题可用 Flux 保证清晰。收费、价格、平台支持范围等资料暂未提供。