用途:为 Simple Words 生成符合品牌的界面和素材,可用于生产代码,也可用于一次性原型、演示等临时产物。
主要能力:技能内含 README.md,提供品牌背景、内容原则、视觉基础与图标规范;colors_and_type.css 提供颜色、字体、间距、圆角、阴影、动效等可直接使用的令牌;assets/ 内含字标、字形和 Lucide 图标集;ui_kits/extension/ 提供浮动按钮、提炼面板和选项页的 React 原型,但需核对生产文件,不能视为像素级一致;preview/ 提供展示各令牌用法的参考卡片。
使用方式:先阅读技能内的 README.md 并浏览其他文件。制作视觉产物(幻灯片、模型、临时原型等)时,把资源复制出来,生成静态 HTML 文件供用户查看。用于生产代码时,可复制资源并阅读品牌规则,成为该品牌设计专家。若用户未提供其他指引,先询问要构建或设计什么,提出若干问题,再以专家设计师身份输出 HTML 产物或生产代码。
视觉与文案规则:纸 × 墨 × 智能。暖调米白 #FAF8F5 为底色;深蓝黑 #0E1525 为墨色;仅一种电墨强调色 #2747D6,用于 AI 相关时刻与焦点。展示字体为 Instrument Serif 斜体;界面字体为 Geist(仅 400/500/600);等宽字体为 Geist Mono。三种圆角(8、14、999),三种阴影(subtle / floating-button / floating-panel,均为冷调蓝黑)。不使用 emoji、感叹号、装饰性渐变、实心图标,唯一例外是品牌斜体 sw 浮动按钮字形。语气平实、审慎、第二人称、句首大写。
限制:资料未提供安装命令、具体版本要求、收费或价格信息;UI 套件为生产派生原型,使用前应核对生产文件。