Communitygithub.com

anubhavsingh-0218/uncodixify-skill

Setze maßvolle React- und Tailwind-UI-Stile durch, indem häufige KI-Dashboard-Muster eingeschränkt und saubere, produktfokussierte Layouts gefördert werden.

Was ist uncodixify-skill?

Diese Fähigkeit (Skill) dient als Leitfaden für KI-Agenten, die React- und Tailwind-CSS-Anwendungen erstellen. Sie zielt darauf ab, die typischen, oft aufdringlichen visuellen Muster zu vermeiden, die in vielen KI-gestützten Dashboards zu finden sind – wie z. B. übermäßig bunte Gradienten, Glaseffekte, Floating-Action-Buttons oder übergroße Animationsschleifen. Stattdessen fördert der Skill klare, produktfokusierte Layouts mit dezenten Farbschemata, konsistentem Abstand und minimalen Oberflächen. Er kann direkt in Cursor, Claude Code, Codex und anderen KI-Codierungsplattformen integriert werden, indem die Markdown-Anweisungen in die Systemaufforderung oder das Projekt-Setup eingefügt werden. Der Skill definiert keine strikten Regeln, sondern gibt starke Empfehlungen für Design-Grenzen (z. B. keine Glas-Effekte, keine übermäßigen Schatten, begrenzte Animationen) und bevorzugt native HTML-Elemente sowie Standard-Tailwind-Klassen. Ziel ist es, eine konsistente, barrierefreie und wartbare Benutzeroberfläche zu schaffen, die sich auf den Inhalt und die Funktionalität des Produkts konzentriert.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add anubhavsingh-0218/uncodixify-skill

In Ihrer bevorzugten KI fragen

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

Dokumentation

Was macht uncodixify-skill?

Setze maßvolle React- und Tailwind-UI-Stile durch, indem häufige KI-Dashboard-Muster eingeschränkt und saubere, produktfokussierte Layouts gefördert werden.

Verwandte Skills