design

Solid

Use when starting UI work, defining palettes or design tokens, or when output looks AI-generic, vibe-coded, or default-framework sloppy.

AI & Automation 33 stars 0 forks Updated yesterday Apache-2.0

Install

View on GitHub

Quality Score: 83/100

Stars 20%
51
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

## Posture Direction precedes tokens; tokens precede code. The picked direction is the contract. Palette, type, spacing, and motion all derive from it, not the other way around. Restraint is the default; reach for decoration only when a named surface goal demands it. Posture rests on `references/soul.md` (design philosophy). Load it when the user asks "why this look" or when the model is tempted to add decoration to compensate for a thin idea. **Balance, not maximalism.** ODIN's "don't hold back" (borrowed from the `<design>` block above) means conviction, not volume. The two failure modes catalogued in the anti-slop charter below are reciprocals. AI-generic timidity (Side A) and decorative overkill (Side B) both come from the same fear of commitment. Balance simplicity and verbosity per surface. Restraint is the default; the one intentional moment is the lift. Neither timid nor loud. ## ODIN `<design>` block, LOAD-BEARING Quoted verbatim from `output-styles/odin.md` lines 254-262. ``` <design> Modern, elegant UI/UX. Don't hold back. **Tokens:** MUST use design system tokens, not hardcoded values. **Density:** 2-3x denser. Spacing: 4/8/12/16/24/32/48/64px. Medium-high density default. Ask preference when ambiguous. **Paradigms:** Post-minimalism [default] | Neo-brutalism | Glassmorphism | Material 3 | Fluent. Avoid naive minimalism. **Forbidden:** Purple-blue/purple-pink | `transition: all` | `font-family: system-ui` | Pure purple/red/blue/green | Self-generated palette...

Details

Author
OutlineDriven
Repository
OutlineDriven/odin-claude-plugin
Created
8 months ago
Last Updated
yesterday
Language
Python
License
Apache-2.0

Bundled in these plugins

Similar Skills

Semantically similar based on skill content — not just same category