Stats
Actions
Tags
From fuse-design
Phase 0: Read sector template (creative/fintech/ecommerce/devtool), generate OKLCH palette with chroma > 0.05, pick approved typography pair (never Inter/Roboto/Arial), define spacing base unit + motion profile.
How this skill is triggered — by the user, by Claude, or both
Slash command
/fuse-design:0-identity-systemThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Start of a new project, or when no `design-system.md` exists at project root.
references/contrast-ratios.mdreferences/identity-brief.mdreferences/motion-personality.mdreferences/oklch-system.mdreferences/sector-palettes.mdreferences/spacing-density.mdreferences/templates/design-system-creative.mdreferences/templates/design-system-devtool.mdreferences/templates/design-system-ecommerce.mdreferences/templates/design-system-fintech.mdreferences/templates/design-system-template.mdreferences/templates/palette-template.mdreferences/typography-pairs.mdreferences/visual-technique-matrix.mdStart of a new project, or when no design-system.md exists at project root.
references/identity-brief.md — collect answers to the 5 questions.references/sector-palettes.md — pick the OKLCH palette base.references/oklch-system.md — primary, secondary, accent, neutral + semantic colors. Validate contrast with references/contrast-ratios.md.references/typography-pairs.md — display + body fonts matching sector personality. NEVER use Inter, Roboto, Arial.references/spacing-density.md — dense / standard / editorial.references/motion-personality.md — corporate / modern / playful / luxury.references/visual-technique-matrix.md — what is allowed for this personality x density combination.design-system.md at project root using the matching template from references/templates/ (fintech, ecommerce, devtool, creative, or blank).design-system.md at project root with: OKLCH palette, typography pair, spacing profile, motion personality, visual techniques allowed.1-designing-systems/SKILL.md — Convert identity into design tokens and responsive system.
| File | Purpose |
|---|---|
references/identity-brief.md | 5-question brand questionnaire |
references/sector-palettes.md | Sector-specific OKLCH palettes |
references/oklch-system.md | OKLCH color generation rules |
references/contrast-ratios.md | WCAG contrast validation |
references/typography-pairs.md | Approved font pairings |
references/spacing-density.md | Density profiles |
references/motion-personality.md | Motion personality definitions |
references/visual-technique-matrix.md | Allowed techniques per personality |
references/templates/ | design-system.md templates per sector |
npx claudepluginhub fusengine/agents --plugin fuse-designUse when asked to create a brand identity, define visual design direction, generate a color palette or type system, build a style guide, or establish the look and feel for a product. Examples: "create a brand for X", "define the visual identity", "what colors should we use", "build a style guide", "design system foundations".
Creates product brand identities via strategic positioning, competitive audits, visual language, color palettes, type systems, and style guides.
Generates BRAND-IDENTITY.md file defining colors, typography, spacing, components, accessibility, and responsive design for project roots. Guides via discovery questions or uses user-provided tokens.