文档品牌配色与样式配置

原名：design-system

为 Markdown 转换工作整理品牌颜色、字体和输出规则，并检查对比度。

中文 Skills 技能说明

不同文档导出的配色和字体不一致，可以先保存一份项目样式。提供有权使用的品牌色、字体、Logo、阅读环境与输出路径，技能用包内 Python 工具检查颜色对比并生成样式配置，交付变量和待预览项。它面向文档转换插件，不替代官网组件系统，也不代表其他转换技能已安装。原文默认可能写全局配置，先选择项目范围并备份；网络字体须核对许可、地区与离线可用性，配置通过不等于整体可访问性认证。

上游能力依据

上游原始适用说明：Captures the user's brand identity once via a 10-question onboarding wizard (primary/accent HEX + heading + body Google Fonts + design style editorial/technical/minimal/playful + default output directory + syntax theme + TOC behavior + optional logo/company), validates body-text and link contrast against WCAG 2.2 AA, derives 12 CSS custom properties in HSL space, and stores the result for every markdown-html converter to consume. Use before any markdown-html conversion. Triggers on first-run onboarding ("set up the brand", "configure markdown-html", "run onboarding"), on explicit reset ("reset the design system", "re-onboard"), and is checked by every converter via configloader.py before rendering. Refuses to save if body-text contrast fails AA 4.5:1 or the output dir isn't writable. Precedence is project (./.markdown-html/), then global (~/.config/markdown-html/), then built-in defaults; MARKDOWNHTMLNOCONFIG=1 bypasses.

上游 SKILL.md 主要章节（保留原文标题）：

• When to invoke
• Onboarding question set (10 questions)
• Hard rules
• Derived 12-token palette
• Forcing-question library (Matt Pocock grill-with-docs pattern)
• Customization in use (worked example)
• Assumptions
• Non-goals
• Distinct from
• Output artifact

使用边界

先核对上游说明、依赖、输入资料和所需权限。涉及写入、删除、发布、支付或外部发送时，必须在执行前人工确认。

作者、翻译与许可证

原作者

Alireza Rezvani 与 claude-skills contributors

中文翻译

CEOFans翻译

许可证

MIT

上游来源

https://github.com/alirezarezvani/claude-skills/tree/27cfcd0fb0a41f60adffcbd5271fdf8839f86ed2/markdown-html/skills/design-system

适用范围

平台：linux、macos、windows；标签：设计与前端、文档品牌配色与样式配置、开源技能

安全提示

基础静态扫描不等于绝对安全。技能可能调用命令、浏览器、云服务或本地文件，请在最小权限环境中使用，高风险操作必须人工确认。

如发现侵权、许可证或安全问题，可在本页前台提交投诉，管理员复核后可立即下架。