CommunitySchreiben & Editierengithub.com

rgranet/designlint-skill

Verhindert, dass KI-generierte Oberflächen alle gleich aussehen. DesignLint zwingt KI-Agenten dazu, den Benutzer zu verstehen, 9 bewusste Designentscheidungen zu treffen und das Ergebnis zu kritisieren, bevor Code geschrieben wird. Zwei Modi: Neu erstellen oder bestehende UIs überprüfen und reparieren.

Was ist designlint-skill?

DesignLint ist eine Fähigkeit für KI-Agenten (wie Claude Code, Cursor, Codex), die das Problem der homogenen, uninspirierten UI-Generierung durch KI löst. Es zwingt den Agenten, einen strukturierten, menschenzentrierten Designprozess zu durchlaufen, bevor Code erstellt wird. Der Prozess beginnt mit einer tiefgehenden Analyse der Benutzeranforderungen, gefolgt von neun spezifischen Designentscheidungen, die Aspekte wie Layout, Typografie, Farbschema, Interaktion, Fehlerbehandlung und mehr abdecken. Anschließend wird der gesamte Entwurf anhand einer Checkliste kritisiert. DesignLint unterstützt zwei Modi: Den „Create“-Modus für die Neuerstellung von UI-Komponenten oder Seiten und den „Audit“-Modus zur Analyse und Verbesserung vorhandener UIs. Dies führt zu durchdachten, vielfältigen und benutzerfreundlichen Oberflächen, die sich von der Masse abheben.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add rgranet/designlint-skill

Installed? Explore more Schreiben & Editieren skills: steipete/notion, langchain-ai/langchain, bytedance/podcast-generation · View all 6 →

In Ihrer bevorzugten KI fragen

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

Dokumentation

Was macht designlint-skill?

Verhindert, dass KI-generierte Oberflächen alle gleich aussehen. DesignLint zwingt KI-Agenten dazu, den Benutzer zu verstehen, 9 bewusste Designentscheidungen zu treffen und das Ergebnis zu kritisieren, bevor Code geschrieben wird. Zwei Modi: Neu erstellen oder bestehende UIs überprüfen und reparieren.

Verwandte Skills