SuperAPI AI 工具集

maestro-ui-design

设计与创作

查看项目

更新于 10-15 20:11

技能介绍

用途:生成 UI 设计原型,提供多种风格变体,用户选择风格/配色/字体后生成设计 token 并产出原型。可用阶段模式(传入阶段编号)或草稿模式(传入主题文本)。

主要能力与用法:命令形式包括 $maestro-ui-design "3"(阶段模式)、$maestro-ui-design "landing page for SaaS"(草稿模式)、$maestro-ui-design -y "3 --styles 5"(自动模式,5 个变体)。标志:-y/--yes 跳过所有交互选择;--style-skill PKG 覆盖 ui-ux-pro-max 技能路径;--styles N 设定变体数量(默认 3,范围 2-5,资料明确标注);--stack 指定技术栈实现指南(默认 html-tailwind);--targets 指定逗号分隔的页面/组件目标;--persist 保存含分层页面覆盖的设计系统;--full 强制完整四层自包含流水线。

工作流:主路径委托 ui-ux-pro-max 生成设计,自身负责选择与固化;回退路径为自包含四层流水线(样式→动画→布局→组装)。两条路径输出契约一致。输出目录为 {phase_dir}/design-ref/,含 MASTER.md、design-tokens.json、animation-tokens.json、selection.json、prototypes/。设计 token 中颜色使用 OKLCH 格式;对比度要求 WCAG AA(文本 4.5:1、UI 元素 3:1);不使用 lorem ipsum,要求使用贴合语境的占位内容;变体之间须有显著设计方向差异。原型要求独立 HTML+CSS,通过 CDN 引入 SVG 图标,适配 375/768/1024px。

限制与资料未提供项:Python 不可用时回退自包含流程;--refine 需已有 design-ref/;原型渲染失败会继续其余变体。价格、收费、具体平台兼容性等资料未提供。