lazygophers/design-color
skills/design/design-color/SKILL.md
主题与配色设计——做颜色搭配/调色板/主题/品牌色阶/暗模式的设计决策。触发：选配色/调色/主题/色板/品牌色/暗模式/对比度/色盲/UI风格。按媒介路由 HTML/Web(CSS变量)、原生App(平台token)、CLI(ANSI)、TUI(真彩/256/16降级)。保证可访问性（对比度/色盲安全）。需后端动态系统不适用；UI/UX 布局/组件/交互走姊妹 skill design-uiux。
$ install --global
skillsauthnpx skillsauth add lazygophers/ccplugin design-colorInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Jul 23, 2026, 7:20 AM218.5s16 files scanned
SKILL.md
- name:
- design-color
- description:
- 主题与配色设计——做颜色搭配/调色板/主题/品牌色阶/暗模式的设计决策。触发：选配色/调色/主题/色板/品牌色/暗模式/对比度/色盲/UI风格。按媒介路由 HTML/Web(CSS变量)、原生App(平台token)、CLI(ANSI)、TUI(真彩/256/16降级)。保证可访问性（对比度/色盲安全）。需后端动态系统不适用；UI/UX 布局/组件/交互走姊妹 skill design-uiux。
<!-- 完整触发词（description 已含核心，此处备查）：选配色/配色色系/调色/主题/色板/品牌色/暗模式/暗色/亮色/对比度/色盲/配色调优/改颜色/换主题/调色板/token/UI风格 -->
Design-Color · 主题与配色设计
一个 skill 专管色彩。按媒介落地色板，跨媒介共享色彩理论与可访问性。布局/组件/交互在姊妹 skill design-uiux。
适用 / 不适用
适用：Web 页面 / 原型配色、App 平台配色（iOS/Android/桌面）、CLI 彩色输出、TUI 主题、品牌色系设计、暗模式适配、数据可视化配色、对比度/色盲修复。
不适用：布局结构调整、组件选型、交互流程——走 design-uiux。需后端的动态系统走代码实现。
🔴 核心硬门 · 三方向初稿（100% 必走 · 跳过即失效）
任何会产出新视觉色彩的任务，无论有无风格参考、有无品牌名，第一步必须先出三个差异化方向的色彩初稿（每方向配完整色板：主色 + 辅助 + 中性阶 + 语义色 + 背景）等用户选定，再执行最终版。
- 「就按 Material 配色」不豁免——在 Material 语境内出 3 个差异化色板
- 三方向要真实分化（不同色相 / 饱和度 / 气质），不是同款换明度
🛑 失败模式与补救（硬门违反时）
| 触发 | 一线修复 | 兜底 | |------|---------|------| | 弱 runtime 无法并行出三版 | 串行逐版输出，每版落盘即给用户 | 单版 + 标注「受 runtime 限仅出 1 版」 | | 用户选不定三方向 | 按语境推荐（信任→蓝系 / 活力→暖橙系 / 创新→紫系 / 自然→绿系） | 列三方向典型适用品牌气质让用户对号入座 | | 配色决策缺语境信号 | 追问受众 / 场景 / 情绪 / 品牌调性四要素 | 默认中性蓝灰专业风，标注「默认值，可调整」 | | 对比度验证工具不可用 | 用 WCAG 已知安全组合（深底浅字 / 避免黄白） | 标注「对比度待实测」并给出保守建议值 | | WebSearch 事实验证失败 | 标注「未验证」后用保守值继续 | 用平台官方已知色值（如 iOS systemBlue #0A84FF） |
事实验证先行
涉及具体产品 / 平台 / 规格的断言（如 iOS systemBlue 色值、WCAG 版本要求），开工前先 WebSearch 验证，禁凭训练语料断言。
媒介路由表
收到任务先定媒介（多信号叠加按行序），再进对应 style 文件落地色彩：
| 产物形态 | 媒介 | 二级索引（选择指导） | |---------|------|------| | Web 页面 / 原型 / 可视化 / 幻灯片配色 | HTML | html/INDEX | | 原生 App(iOS / Android / 桌面) 配色 | App | app/INDEX | | 命令行工具彩色输出 / 风格 | CLI | cli/INDEX | | 终端全屏 TUI 主题 / 色域降级 | TUI | tui/INDEX |
每个媒介 INDEX 指向该媒介的 style.md（现成主题模板 + 配色 token，复制即用）。
无关平台的共用层 · 色彩方法论
跨媒介色彩纪律，所有 medium 都引用 color/INDEX：
| 主题 | 文件 | 覆盖 | |------|------|------| | 色彩理论 | color/theory | 色相 / 明度 / 饱和 / 色环 / 配色法 | | 主题总清单 | color/themes-catalog | 20 内置主题 + 13 跨平台热门预设（Nord/Dracula/Catppuccin/OneDark/RoséPine/GitHub/Monokai...）全 token | | 配色总清单 | color/palettes-catalog | 品牌色阶×6 + 中性阶×3 + 语义色 + Okabe-Ito + 4 命名色板 | | 调色板模板 | color/palette-templates | 色阶生成 / 暗模式派生 / 自定义扩阶 | | 可访问性 | color/accessibility | 对比度 / 色盲安全 / 暗模式硬指标 | | UI 风格总清单 | color/styles-catalog | 67 风格（49 通用 + 8 落地页 + 10 BI）含主色/亮暗模式/性能/a11y/移动/转化全属性 |
配色决策路径
- 定语境：受众 / 场景 / 情绪（信任→蓝、活力→橙、创新→紫，见 theory.md 语义）
- 三方向初稿门：从风格谱系出三套色板 → 用户选定
- 配完整色板：主色（1）+ 辅助（1-2）+ 中性阶（5-7）+ 语义色（4）+ 背景（2-3）
- 可访问性硬指标：对比度 ≥ 4.5:1（正文）/ ≥ 3:1（大字）；禁只靠颜色传信息；暗模式重调中性阶降饱和提对比
- 固化 token：按媒介落地（CSS 变量 / App token / ANSI / 真彩 hex）
- 场景自适应：亮/暗切换、色域降级（TUI）、TTY 关色（CLI）
各媒介色彩落地
- HTML → CSS 变量贴
:root（html/style 7 套主题模板） - App → 平台 token（app/style 5 套含平台覆盖速查 iOS/iPadOS/watchOS/tvOS/Android/WearOS）
- CLI → ANSI 色码 + 语义前缀（cli/style 含 shell 兼容速查）
- TUI → 真彩 hex，降级 256/16（tui/style 含终端兼容速查 + 4 主题模板）
姊妹 skill
布局 / 组件 / 交互 / 信息架构 / 场景自适应的结构性问题 → design-uiux。本 skill 只管「颜色」，结构问题不在此处。
自检
- [ ] 色板含主色 + 辅助 + 中性阶 + 语义色
- [ ] 对比度达标（亮 / 暗，正文 ≥ 4.5:1）
- [ ] 禁只靠颜色传信息（加图标 / 文字冗余）
- [ ] 色盲安全（数据可视化用 Okabe-Ito）
- [ ] token 化，换肤一处生效
- [ ] 暗模式中性阶重调（降饱和、提对比、深蓝灰底非纯黑）
Related Skills
lazygophers/design-uiux
tools
VerifiedTrustedCommunity
UI/UX 与布局设计——做界面布局/结构/导航/组件/交互的设计决策。触发：做UI/UX/布局/排版/导航/组件/交互/栅格/响应式/图表选型/字体配对。按媒介路由 HTML/Web、原生 App(iOS/Android/桌面)、CLI、TUI。需后端动态系统不适用；配色/主题/色板走姊妹 skill design-color。
4SKILL.mdUpdated Jul 22, 2026
lazygophers/optimize-any
tools
VerifiedTrustedCommunity
跨任意组件（plugin/skill/agent/command）的验证驱动优化循环纪律 skill。当用户要优化某个已有组件却无明确方向、或要防止改了反而更差（自评乐观偏差 / 多维同改归因失效 / 为凑分加废话膨胀）、或要把一套通用「评分→单变量改→改后验证严格更好才留否则回滚→触顶停」的纪律套到任意组件上时使用。管优化过程本身的纪律（validation gate / ratchet / 独立验证 / 触顶停），不评单组件深度（交 skill-dev），不查插件接线（交 plugin-dev）。仅手动 /optimize-any 触发。
4SKILL.mdUpdated Jul 18, 2026
lazygophers/skein-spec
data-ai
VerifiedTrustedCommunity
两层规则记忆 (基于 .skein/spec)。planning 时 recall 召回相关规则、task finish 后 sediment 沉淀学习 + prune 自动精简过期/重复/断链规则。core 常驻硬规 + recall 按需召回, 经判定门自动写盘 (不逐次问用户)。产出 .skein/spec 下 core/recall 规则文件 + index。另支持空仓 bootstrap 播种规则基线、记忆大面积失效 (大重构/换栈) 时 reconstruct 可逆归档后按项目类型分型重建、maintain 手动体检 (超预算/stale/断链/重复/废弃, --apply 自动修复)、auto-fix (Stop hook 写 .pending-fix 标记 → main 派 skein-specer bg 跑 maintain --apply 全自动修, 断链只报告)。
4SKILL.mdUpdated Jul 18, 2026
lazygophers/skill-dev
development
VerifiedTrustedCommunity
创建、维护、validation-gated 优化 Claude skills 与 subagents 的方法论框架。流程 A 从零创建 (定位/骨架/frontmatter/调研/验证)，流程 B 优化现有 (9 维评分/单变量爬山/触顶停/成果卡片)。含领域视角蒸馏 (分维度调研+三重验证)。不蒸人物角色。仅手动 /skill-dev。
4SKILL.mdUpdated Jul 17, 2026