baku-design-system

Installation
SKILL.md

Baku Design System

概览

用 Baku 的品牌 DNA 生成可直接打开的 HTML 页面、图文卡片和个人虚拟形象。这个 skill 复用 esther-design-system 的结构:先读品牌 DNA,再选择页面风格和场景参考,最后用 checklist 验收;但颜色、字体、气质和头像都换成 Baku 自己的方向。

8 步工作流

  1. 澄清需求。 只问缺失的必要信息:类型、受众、屏数/卡片数、已有文案或素材、硬约束。用户已经给出明确内容时不要重复问。

  2. 读取品牌 DNA。 必读 brand-dna.md。如果用户说“换颜色、字体、气质关键词”,直接更新这个文件,不要把变化散落到模板里。

  3. 选择视觉风格。 默认使用 references/style-baku-workbench.md。如果用户提到 Notion、暖白、文档型官网、极简产品页、notion-like,但又明确不想替换 Baku 主风格,则读取 references/style-notion.md。如果用户提到复古未来、retro future、mainframe、terminal、暗色技术作品集、个人网站那种黑底网格霓虹风,则读取 references/style-retro-future-mainframe.md。不要把多套风格混在同一页面里,除非用户明确要求混合。

Installs
1
GitHub Stars
2
First Seen
Jun 15, 2026
baku-design-system — basic-xyz/baku-skills