uncodixfy
uncodixfy
What it does
- Sidebars: normal (240-260px fixed width, solid background, simple border-right, no floating shells, no rounded outer corners)
- Headers: normal (simple text, no eyebrows, no uppercase labels, no gradient text, just h1/h2 with proper hierarchy)
- Sections: normal (standard padding 20-30px, no hero blocks inside dashboards, no decorative copy)
- Navigation: normal (simple links, subtle hover states, no transform animations, no badges unless functional)
- Buttons: normal (solid fills or simple borders, 8-10px radius max, no pill shapes, no gradient backgrounds)
- Cards: normal (simple containers, 8-12px radius max, subtle borders, no shadows over 8px blur, no floating effect)
- Forms: normal (standard inputs, clear labels above fields, no fancy floating labels, simple focus states)
Requirements & configuration
- A landing page needs its sections. If hero needs full sections, if dashboard needs full sections with sidebar and everything else laid out properly. DO NOT invent a new layout.
- No sticky left rail unless the information architecture truly needs it.
Derived from the skill's own SKILL.md documentation · extracted 2026-07-23
uncodixfy FAQ
What does the uncodixfy skill do?
Prevents generic AI/Codex UI patterns when generating frontend code. Use this skill whenever generating HTML, CSS, React, Vue, Svelte, or any frontend UI code to enforce clean, human-designed aesthetics inspired by Linear, Raycast, Stripe, and GitHub instead of typical AI-generated UI. Sidebars: normal (240-260px fixed width, solid background, simple border-right, no floating shells, no rounded outer corners) Headers: normal (simple text, no eyebrows, no uppercase labels, no gradient text, just h1/h2 with proper hierarchy)
What does uncodixfy require?
A landing page needs its sections. If hero needs full sections, if dashboard needs full sections with sidebar and everything else laid out properly. DO NOT invent a new layout. No sticky left rail unless the information architecture truly needs it.
How do I install uncodixfy?
Run: npx -y skills add https://github.com/cyxzdev/uncodixfy --skill uncodixfy --agent claude-code — the source lives at github.com/cyxzdev/uncodixfy.
Maintain uncodixfy?
Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.
[](https://getagentictools.com/skills/cyxzdev-uncodixfy-uncodixfy?ref=badge) npx agentictools info skills/cyxzdev-uncodixfy-uncodixfy The second line is the CLI lookup for this page — handy in READMEs and docs.
