Enforce anti-AI UI design rules based on the Uncodixfy methodology. Use when generating HTML, CSS, React, Vue, Svelte, or any frontend UI code. Prevents generic AI aesthetic — soft gradients, glassmorphism, hero sections in dashboards, oversized rounded corners, and decorative copy. Applies constraints from Linear/Raycast/Stripe/GitHub design philosophy for functional, honest, human-designed interfaces. Triggers on UI generation, dashboard building, component creation, CSS styling, landing page…
Before writing any UI code, apply the Uncodixfy metacognitive check: list the UI decisions you would make by default, then do NOT make them if they match any banned pattern below. Build interfaces that feel like Linear, Raycast, Stripe, or GitHub — functional, honest, no visual theatrics.
Pre-Flight Check
Before generating any UI component, run this internal check:
List all styling decisions you would make by default for this component
Cross-reference each against the banned patterns in this skill and [the full rules reference](./references/uncodixfy-rules.md)
Replace every match with the "normal" standard from the reference
Verify the result contains zero banned patterns
Absolute Prohibitions
These patterns are never acceptable unless the user explicitly overrides:
Centered overlay, simple backdrop, no slide-in animations
Color Selection
Follow this priority order:
Use the project's existing colors — search project files for existing palette definitions
Pick from a predefined palette — see [color palettes in the rules reference](./references/uncodixfy-rules.md#dark-color-schemes)
Never invent random color combinations unless the user explicitly requests it
When selecting from predefined palettes, pick randomly — do not default to the first one.
Quick Reference
For the complete set of 30+ specifically banned implementation patterns, per-component "normal" standards, and 19 predefined color palettes (10 dark, 9 light), read [the full Uncodixfy rules](./references/uncodixfy-rules.md).
