Communitygithub.com

cyxzdev/uncodixfy

Verhindert generische KI-UI-Muster bei der Generierung von Frontend-Code. Verwende diese Fähigkeit bei der Erstellung von HTML, CSS, React, Vue, Svelte oder jedem anderen Frontend-UI-Code, um saubere, menschlich gestaltete Ästhetiken von Linear, Raycast, Stripe und GitHub zu erzwingen.

Was ist uncodixfy?

Diese Fähigkeit ist eine unverzichtbare Richtlinie für Entwickler, die Frontend-Code mit KI-Assistenten wie Claude Code, Cursor oder Codex generieren. Ihr Hauptziel ist es, die charakteristischen 'KI-UI-Muster' zu unterdrücken – wiederkehrende Designs wie kräftige Schatten, Overlays, Card-Layouts und generische Farbschemata, die Code-generierte Oberflächen oft auszeichnen. Stattdessen fördert 'uncodixfy' eine Designsprache, die von renommierten Produkten wie Linear, Raycast, Stripe und GitHub inspiriert ist: klare Typografie, dezente Trennlinien, zurückhaltende Hover-Effekte, hohes Weißraumangebot und subtile Interaktionen. Die Implementierung erfolgt als strikter Stil-Leitfaden, der beim Prompting des KI-Systems aktiviert wird. Sie findet Anwendung in HTML, CSS, React, Vue, Svelte und generellem UI-Code. Entwickler erhalten konsistente Ergebnisse mit menschlicher wirkenden Interfaces, die professionell und modern aussehen, anstatt nach einer KI zu klingen.

Funktioniert mit~Claude Code✓Codex CLI~Cursor
npx skills add https://github.com/cyxzdev/uncodixfy/tree/main/skills/uncodixfy

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht uncodixfy?

Verhindert generische KI/Codex-UI-Muster bei der Generierung von Frontend-Code. Verwende diese Fähigkeit bei der Erstellung von HTML, CSS, React, Vue, Svelte oder jedem anderen Frontend-UI-Code, um saubere, menschlich gestaltete Ästhetiken zu erzwingen, die von Linear, Raycast, Stripe und GitHub inspiriert sind, anstatt von typischer KI-generierter UI.

Verwandte Skills