design
SolidUse when starting UI work, defining palettes or design tokens, or when output looks AI-generic, vibe-coded, or default-framework sloppy.
Install
Quality Score: 83/100
Skill Content
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
frontend-design
Create distinctive frontend interfaces that avoid generic AI aesthetics. Use when building web components, pages, artifacts, posters, or applications.
anti-generic-design-restraint
The taste-and-judgment gate before committing to a visual direction — name and avoid the "AI-generated look", brainstorm-then-critique in two passes, and spend boldness in exactly one place. Use when starting a new UI, choosing a palette/type/layout direction, or sensing a design reads as templated/default. Defers all motion decisions to motion-design-principles. Triggers on "make this less generic", "design direction", "this looks AI-generated", "visual identity", "pick a palette/typeface".
design-system
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.