Skill

identity-system

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.

From fuse-design

Install

Run in your terminal

npx claudepluginhub fusengine/agents --plugin fuse-design

Tool Access

This skill uses the workspace's default tool permissions.

Supporting Assets

View in Repository

references/contrast-ratios.md

references/identity-brief.md

references/motion-personality.md

references/oklch-system.md

references/sector-palettes.md

references/spacing-density.md

references/templates/design-system-creative.md

references/templates/design-system-devtool.md

references/templates/design-system-ecommerce.md

references/templates/design-system-fintech.md

references/templates/design-system-template.md

references/templates/palette-template.md

references/typography-pairs.md

references/visual-technique-matrix.md

Skill Content

Similar Skills

cache-components

Guides Next.js Cache Components and Partial Prerendering (PPR) with cacheComponents enabled. Implements 'use cache', cacheLife(), cacheTag(), revalidateTag(), static/dynamic optimization, and cache debugging.

cache-components

138.6k

claude-opus-4-5-migration

2 files

Migrates code, prompts, and API calls from Claude Sonnet 4.0/4.5 or Opus 4.1 to Opus 4.5, updating model strings on Anthropic, AWS, GCP, Azure platforms.

claude-opus-4-5-migration

83.2k

evaluation-methodology

1 file

Details PluginEval's skill quality evaluation: 3 layers (static, LLM judge), 10 dimensions, rubrics, formulas, anti-patterns, badges. Use to interpret scores, improve triggering, calibrate thresholds.

plugin-eval

32.9k

Stats

Parent Repo Stars4

Parent Repo Forks0

Last CommitMar 19, 2026

Actions

View Source View Plugin View on GitHub View README

Phase 0: IDENTITY SYSTEM — Define the brand DNA

When

Start of a new project, or when no design-system.md exists at project root.

Input (from user)

User brief: sector, audience, personality, competitors, desired feeling.
If no brief provided, ask the 5 identity questions (see references/identity-brief.md).

Steps

Read references/identity-brief.md — collect answers to the 5 questions.
Match sector in references/sector-palettes.md — pick the OKLCH palette base.
Generate palette using references/oklch-system.md — primary, secondary, accent, neutral + semantic colors. Validate contrast with references/contrast-ratios.md.
Choose typography pair from references/typography-pairs.md — display + body fonts matching sector personality. NEVER use Inter, Roboto, Arial.
Set spacing density from references/spacing-density.md — dense / standard / editorial.
Define motion personality from references/motion-personality.md — corporate / modern / playful / luxury.
Check visual techniques in references/visual-technique-matrix.md — what is allowed for this personality x density combination.
Generate design-system.md at project root using the matching template from references/templates/ (fintech, ecommerce, devtool, creative, or blank).

Output

design-system.md at project root with: OKLCH palette, typography pair, spacing profile, motion personality, visual techniques allowed.
All colors in OKLCH format, dark mode palette included.

Next → Phase 1: DESIGNING SYSTEMS

1-designing-systems/SKILL.md — Convert identity into design tokens and responsive system.

References

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