SuperAPI AI 工具集

brand

设计与创作

查看项目

更新于 10-15 22:14

技能介绍

用途:为真实项目建立可落地的视觉识别系统,而非通用规范文档。产出用户能看见、选择、细化并应用的方向。

主要能力:收集项目上下文与视觉参考(截图、字体、Logo、情绪板);用一句话定义品牌张力(应感觉 A 而非失败模式,B 而非失败模式);生成五个真正不同的方向,覆盖冷暖、衬线/无衬线、疏密、动静与突破舒适区;在浏览器或 HTML 对比页中渲染方向,含真实字体加载、色板(OKLCH 与 hex)、字号样张、氛围图、迷你 UI 预览与响应式布局;细化选定方向为完整系统,含 OKLCH 色阶、带色中性色、重新平衡的深色模式、语义色、字体层级与加载策略、圆角阴影边框密度动效;输出 docs/brand-system.md 与设计令牌(Tailwind v4 @theme、Tailwind v3 配置或 :root 变量),并按需生成 SVG 标记、OG 模板与氛围图。

使用方式:开始时声明使用 brand 技能;先检查项目(如 ls docs/brand-system.md docs/design-context.md docs/vision.md、查找字体文件、检索 font-family/@font-face/--color/@theme 等);若已有品牌系统则询问演进、替换或审计;一次只问一个聚焦问题;按需加载 references 下的品牌识别、设计哲学、界面配色、界面字体、OpenType、Tailwind v4 等参考文件。

限制:Logo、字标、字母组合或文字标记不得用图像生成,须以 SVG/代码构建或标记为设计师工作;图像生成仅用于氛围图、纹理或场景,避免文字与 Logo;不默认使用紫蓝渐变、仅 Inter 字体、白卡片与通用 SaaS 风格;不接受“干净、现代、高级、专业”等未具体化的表述;不生成仅色相不同的五套色板;不因 markdown 更快而跳过渲染对比。具体收费、价格与平台支持暂未提供。