用途:ui-setup 是 StyleSeed 的交互式安装向导,逐步引导用户为项目配置设计系统,并生成第一个页面。
主要能力:按步骤询问应用类型(SaaS 仪表盘、电商、金融科技、社交/内容、效率/内部工具等),据此决定页面组合配方(DESIGN-LANGUAGE.md 第 63 节);选择品牌色并更新 css/theme.css 的 :root 与 .dark 块;可选套用 awesome-design-md 中已有品牌视觉风格(如 Stripe、Linear、Vercel、Notion、Spotify、Supabase、Airbnb),仅替换配色,保留 StyleSeed 的布局、字体比例、间距与组件规则;选择字体并更新 css/fonts.css 与 css/base.css;最后生成首个页面并设置 TopBar 应用名。
使用方式:向导一次只问一个问题,等待用户回答后再继续。品牌风格通过抓取 https://raw.githubusercontent.com/VoltAgent/awesome-design-md/main/design-md/[brand]/DESIGN.md 提取颜色;应用前需确认该 URL 可访问,失败则回退到手动选色。完成后提示运行 npm run dev 预览,并可用 /ui-page、/ux-audit、/ui-review 继续。
限制:设计规则不随颜色或字体改变;自定义十六进制颜色需按约 30% 提亮生成暗色版本;资料未提供价格、平台支持范围与具体效果保证。