fusengine/identity-system
plugins/design-expert/skills/0-identity-system/SKILL.md
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.
$ install --global
skillsauthnpx skillsauth add fusengine/agents identity-systemInstall 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: Apr 24, 2026, 8:35 PM1.7s1 file scanned
SKILL.md
- name:
- identity-system
- description:
- 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.
- phase:
- 0
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 withreferences/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.mdat project root using the matching template fromreferences/templates/(fintech, ecommerce, devtool, creative, or blank).
Output
design-system.mdat 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 |
Related Skills
fusengine/ux-copy
testing
VerifiedTrustedCommunity
Copy self-audit and ban-lists — filler verbs/hype adjectives, slop placeholder names, fake-precise numbers, Title Case headlines, humor in error copy ('Oops!'), em-dash crutch, one copy register per page.
20SKILL.mdUpdated Jul 15, 2026
fusengine/design-webapp
development
VerifiedTrustedCommunity
Logged-in web apps — dashboards, auth flows, settings, onboarding, data tables, command palettes, modals, toasts. Register `product`: density and glance-speed over marketing polish, no hero/CTA-tricks, every data surface covers empty/loading/error explicitly, tables and dataviz follow preattentive-processing rules.
20SKILL.mdUpdated Jul 15, 2026
fusengine/design-web
development
VerifiedTrustedCommunity
Marketing sites, landing pages, campaign pages — register `brand` (design IS the product). Structure comes from the register's POV + a macrostructure pick, never from copying an inspiration site's section flow. Hero discipline, deviated section order, asymmetric grids, and a silhouette lookalike-test gate before ship.
20SKILL.mdUpdated Jul 15, 2026
fusengine/design-system
development
VerifiedTrustedCommunity
Token-strategy core — OKLCH color rules, neutral tinting, accent-commitment levels, type scale, 8pt spacing grid, touch targets, and the canonical output format of design-system.md (the file the harness gates on). This is routing step 1 of design-method/SKILL.md — read it before design-web/design-webapp/design-ios/design-android, before picking or auditing a single color/type/spacing value.
20SKILL.mdUpdated Jul 13, 2026