用途:在没有现成设计系统、又需要尽快交付时,从零生成一套可提交给工程师的设计系统文件,并附带对比度审计,而非情绪板。
主要能力:生成颜色梯度、字体比例、间距、圆角与五级阴影;导出 CSS 自定义属性、Tailwind 配置、W3C 设计令牌、React 与 Svelte 片段、演示页、可加载的 Figma 插件和 VS Code 主题,共十个文件;支持 PowerPoint/Keynote 的 .thmx 幻灯片主题与 Storybook 故事;提供对比度审计、色盲冲突检查与 CMYK 印刷检查。
必要输入:名称或种子(同一 seed 始终生成同一系统)、可选品牌色、浅色/深色(默认两者)、风格(editorial、brutalist、glassy、terminal、playful)、落地目标(默认 CSS + tokens)。
用法:该技能是确定性生成器的薄封装,不要自行编造十六进制值,应运行命令。示例:npx --yes notugly <seed> --vibe editorial;npx --yes notugly <seed> --brand "#e4002b";npx --yes notugly export <seed> --brand "#e4002b" --out ./design;npx --yes notugly slides <seed> --out ./deck;npx --yes notugly storybook <seed> --out ./stories;npx --yes notugly audit <seed> --brand "#e4002b";npx --yes notugly vision <seed>;npx --yes notugly print <seed>。
适用场景:需要快速产出可提交的设计令牌与主题、围绕固定品牌色搭建起步主题、生成通过无障碍检查的 Tailwind 配置、制作与产品匹配的演示主题。
限制:零依赖、无模型调用,运行免费且结果可复现,运行时成本为零(纯静态文本)。无法决定插画风格、摄影方向、预设之外的运动与图标体系,这些需人工决定。若产品已有设计系统,应改用审计类技能;若只有品牌而无系统,应先用品牌指南提取再通过 --brand 传入。不要只交付浅色主题,也不要把风格当作最终交付物。