uncodixfy

SKILL.md

Clean, human-designed UI patterns that reject generic AI aesthetics in favor of Linear, Raycast, and Stripe.

Enforces strict anti-patterns: no oversized rounded corners, floating glassmorphism panels, soft gradients, eyebrow labels, hero sections in dashboards, or decorative copy

Provides 10 dark and 10 light color palettes with calm, muted tones; prioritizes existing project colors over invention

Covers 30+ UI components with "normal" implementations: sidebars (240–260px fixed), buttons (8–10px radius max), cards (8–12px radius, subtle borders), forms (standard labels above fields), tables (clean rows, left-aligned)

Includes a detailed "Hard No" list of banned patterns and specific mistakes to avoid, with HTML examples of what not to build

Designed to be applied during frontend code generation to catch and redirect AI-default UI choices toward functional, honest design

Uncodixify

This document exists to teach you how to act as non-Codex as possible when building UI.

Codex UI is the default AI aesthetic: soft gradients, floating panels, eyebrow labels, decorative copy, hero sections in dashboards, oversized rounded corners, transform animations, dramatic shadows, and layouts that try too hard to look premium. It's the visual language that screams "an AI made this" because it follows the path of least resistance.

This file is your guide to break that pattern. Everything listed below is what Codex UI does by default. Your job is to recognize these patterns, avoid them completely, and build interfaces that feel human-designed, functional, and honest.

When you read this document, you're learning what NOT to do. The banned patterns are your red flags. The normal implementations are your blueprint. Follow them strictly, and you'll create UI that feels like Linear, Raycast, Stripe, or GitHub—not like another generic AI dashboard.

This is how you Uncodixify.

Keep It Normal (Uncodexy-UI Standard)