用途:在构建任何前端界面时使用,包括仪表盘、管理后台、设置面板、内部工具、SaaS 产品、数据密集型界面,以及落地页、营销站点、宣传材料和视觉作品。
主要能力与流程:先按场景路由加载指导文件——构建仪表盘、后台、表单表格类重复使用界面时加载 app.md;构建落地页、营销站点、创意作品时加载 marketing.md;混合项目分别处理。生成代码前必须先完成意图问答(用户是谁、要完成什么动作、应有什么感受),并产出四项输出:领域概念(至少5个)、色彩世界(至少5个)、签名元素(一个只属于该产品的视觉/结构/交互元素)、要拒绝的默认选项(3个视觉与结构上的显而易见选择)。随后提出方向并等待用户确认,确认后才生成代码。
原则与检查:每个选择都必须能说明理由,若换成最常见方案后感受无实质差别,说明只是默认;同一提示下若其他 AI 会产出雷同结果即视为失败;意图必须系统性地贯穿表面、排版、间距、语义色等所有决策。展示前需通过替换测试、眯眼测试、签名测试、token 测试,并修复最先想到的缺陷。工艺基础包括微妙的分层(近乎不可见的层级变化)、克制而可查找的边框、从产品所在世界提取色彩、单一强调色承载意义。通用反模式包括夸张阴影、任意不对称内边距、过粗装饰边框、多强调色、混用深度策略、默认思维、刺眼边框、剧烈表面跳变、间距不一致。
使用方式:本技能本身为设计指导文档,未提供具体安装命令或代码示例;技术实现细节可参见 references/principles.md(间距、深度、排版、色彩实现、暗色模式)。
适用场景:需要追求设计品质、避免模板化外观的前端界面构建。限制:本资料未提供收费、价格、平台支持或具体命令等信息。