用途:把 75 个全球品牌设计系统的 token(颜色、排版、圆角、间距、组件)作为单一事实源保存,并应用到单文件 HTML 产出物上,同时可作为 Claude Design 交接的设计系统合成来源。
主要能力:内置 3 个默认主题——claude(暖色编辑风,cream #faf9f5 + coral #cc785c,Copernicus serif + StyreneB sans,适合报告、商业计划书)、clickhouse(高对比工程风,near-black #0a0a0a + electric yellow #faff69,Inter 700,适合技术报告、数据仪表盘、开发者文档)、clay(活泼 B2B,cream #fffaf0 + 多色卡片,适合落地页、营销)。可按产出物性质自动推荐主题,并提供全部 75 个系统的 registry 目录(按 light/warm/dark 分类、含 canvas/primary/字体/情绪元数据)。
必要用法:在单文件 HTML 中引入 Tailwind Play CDN,将品牌 token 注入 tailwind.config 的 theme.extend(colors、fontFamily、borderRadius、spacing),再用 vanilla HTML + Tailwind utility 复现 shadcn 风格组件(Card、Button、Badge、Table、Tabs、Alert),无需 React 与构建步骤。通过 doc-html-report 的 design_system 参数选择系统;未指定时沿用原有零依赖模板以保持兼容。
适用场景:技术/数据报告、商业计划书、营销落地页、以及为 Claude Design 准备 DESIGN.md 素材。
限制:该库本身不拥有渲染逻辑(渲染由 doc-html-report 负责),不引入 React/Vue/构建步骤;要求单文件、CDN、vanilla,需要联网;若需零依赖自包含输出(邮件附件、离线、打印)应不指定 design_system。系统 token 仅用于分析参考,不在仓库 Apache-2.0 许可范围内,品牌设计、商标、字体权利归各自所有者,商用前须参考 BRAND-NOTICE.md 并采用开放许可替代字体。具体安装命令与价格资料暂未提供。