color-systemComprehensive multi-domain color design system — covering both digital product UI (semantic CSS color tokens, dark/light mode, WCAG AA contrast) and graphic/print design (CMYK/Pantone specs, print paper absorption & spot colors, 60-30-10 harmony rules, emotional poster & packaging palettes). Use when: configuring color tokens, generating tokens.css, designing dark/light mode palettes, or determining CMYK/Pantone colors for graphic, poster, and packaging print materials. Keywords: color system, 色彩系统, 配色方案, color tokens, dark mode, light mode, 平面设计配色, 印刷色彩, CMYK, Pantone, 包装配色, 海报配色.
Install via ClawdBot CLI:
clawdbot install fize/color-systemGrade Limited — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Calls external URL not in known-safe list
https://clawhub.ai/user/fizeAudited Sep 9, 2026 · audit v1.0
Generated Sep 8, 2026
A sustainable packaging company needs its brand colors translated into Pantone and CMYK for print. The skill guides the designer in selecting a 60-30-10 palette and provides rich black formulas for large backgrounds. It ensures consistent brand recognition across product packaging and marketing materials.
A SaaS product team wants to add a dark mode to their dashboard. Using curated digital palettes like Linear Dark, the skill generates tokens.css with semantic variables. It validates contrast ratios to ensure WCAG AA compliance, maintaining readability and reducing eye strain for users.
A design agency is creating a poster series for a music festival and needs emotional color palettes that convey energy. The skill provides print color guidance, including CMYK values and paper compensation for different substrates. It ensures the vibrant designs print accurately and attract attention.
An AI writing tool wants a warm, human-centric color palette to reflect its brand. The skill offers the Claude Warm palette, generating both light and dark mode tokens. This ensures the interface feels approachable and maintains good contrast for extended use.
Agencies can use this skill to streamline client projects, from brand identity to product UI. It enables consistent, professional color systems, reducing revision cycles and improving client satisfaction.
A SaaS product could embed this skill to offer advanced theming and print color support as premium features. Users pay for the convenience and expertise, generating recurring subscription revenue.
Experts can create courses, workshops, or consulting services based on the skill's methodology. They can teach designers and developers how to implement accessible and print-accurate color systems.
💬 Integration Tip
Leverage the skill's structured palettes and token templates to quickly generate CSS files; reference the guides for print to avoid common prepress errors.
Scored Sep 9, 2026
Guides solo founders through validating startup ideas, architecting product design, and defining visual systems with structured design documents as output.
Color palette extractor — extract dominant colors from an image (PNG/JPEG/GIF). Use when you need a color palette for design or analysis. Pure stdlib, no LLM.
Generate complete, professional color palettes for UI/UX and brand design. Use when user needs a color scheme, palette, brand colors, or color system for mini-program, App, Web, or large-screen interfaces.
Generates Mermaid diagrams from descriptions. Creates flowcharts, sequence diagrams, and architecture diagrams. Triggers: mermaid diagram, architecture diagr...
介绍Canva从澳洲起步,如何通过AI和本地化帮助非设计师轻松创建专业设计作品。
A virtual canvas for OpenClaw to output content and visualize its thinking during development.