design-taste: Design-Vorgaben für KI-Coding-Agenten gegen austauschbare UIs

Repositorymadebymustafa/design-tasteTool

Das Open-Source-Projekt design-taste liefert 24 Agent-Skills für Werkzeuge wie Claude Code oder Cursor, um typische KI-Designmuster durch zielgerichtete Stilrichtungen wie Editorial Minimal oder Dark Tech zu ersetzen.

Das Wichtigste

  1. Sammlung von 24 modularen Skills, die LLMs konkrete Designvorgaben und Ausschlussregeln für typische Standardlayouts vorgeben.
  2. Beinhaltet ein Kern-Skill zur Vermeidung von KI-Einheitsoptik sowie kuratierte Stil-Pakete wie quiet-luxury, brutalist-industrial und dark-tech.
  3. Unterstützt gängige KI-Coding-Assistenten wie Claude Code, Cursor, Codex und opencode.
  4. Bietet direkte Vorher-Nachher-Vergleiche in HTML auf Basis identischer Ausgangsbriefings.
  5. Frühes Entwicklungsstadium mit 80 Sternen auf GitHub unter MIT-Lizenz.

Warum das relevant ist

KI-Coding-Agenten neigen dazu, optisch identische Oberflächen mit zentrierten Hero-Bereichen, Inter-Typografie und lilafarbenen Verläufen zu erzeugen. Durch strukturierte Gestaltungsregeln können Frontend-Entwickler visuell eigenständige Interfaces ohne manuellen Redesign-Aufwand umsetzen.

Einordnung

Das Projekt adressiert das Fehlen von ästhetischem Feingefühl in den Trainingsdaten von Sprachmodellen. Technisch besteht die Lösung aus Markdown-basierten Instruktionsdateien (SKILL.md), die Ausschlusslisten für LLM-Standards sowie explizite Typografie-, Farb- und Grid-Vorgaben definieren. Die Zielgruppe sind Frontend-Entwickler und Solo-Entwickler, die Agenten einsetzen, aber das typische KI-Template-Aussehen vermeiden möchten. Angesichts von 80 GitHub-Sternen und 3 Forks handelt es sich um ein noch junges, experimentelles Werkzeug, das jedoch mit konkreten HTML-Demos eine pragmatische Methodik aufzeigt.

Gefunden in

Zusammenfassung von KI erstellt (Gemini 3.8 Flash, 15. Oktober 2026). Sie kann Fehler enthalten – maßgeblich ist die Originalquelle.

Inhaltlich ähnlich, ermittelt über die KI-Suche.

  • Repository:Nutlope/hallmark

    Hallmark: Design-Skill gegen generische KI-Benutzeroberflächen

    Hallmark ist ein von Together AI entwickeltes Open-Source-Skill für Claude Code, Cursor und Codex. Das Werkzeug verhindert typische, austauschbare KI-Designs («AI-Slop») durch Makrostrukturen, 21 Themes, 57 Testregeln und automatisierte Selbstkritik vor der Ausgabe.

    28.417SterneCSS

    KI & AI· Tool

  • Repository:elayadesign/ai-design-skills

    ai-design-skills: Markdown-Regeln für KI-gestütztes Webdesign

    Das GitHub-Repository elayadesign/ai-design-skills bündelt strukturierte Design-Anleitungen und Regelwerke im Markdown-Format für KI-gestützte Coding-Tools. Entwickler können diese Skills in Assistenten wie Claude Code, Cursor oder Windsurf einbinden, um konsistentere Landingpages und UI-Systeme zu generieren.

    1960Sterne

    KI & AI· Sammlung

  • Repository:jakubkrehel/skills

    jakubkrehel/skills: Agent-Skills für UI- und Design-Engineering

    jakubkrehel/skills ist eine kuratierte Sammlung modularer Agent-Skills, die KI-Assistenten wie Claude Code fundiertes Wissen über Interface-Design, Typografie, Barrierefreiheit und UI-Engineering bereitstellen.

    5773SterneMarkdown

    KI & AI· Tool

  • X-Post:angel

    Anthropic Skill „Frontend Design“ gegen generische KI-Webdesigns

    Laut einem Beitrag von angel (@angeldot_) bietet Anthropic mit „Frontend Design“ einen Open-Source-Skill, der generischen Webdesigns durch LLMs entgegenwirken soll. Das Tool zwingt das Modell dazu, vor der Codegenerierung ein festes visuelles Konzept festzulegen.

    5776Lesezeichen413.040Aufrufe

    KI & AI· Tool

  • X-Post:0xMarioNawfal

    Open-Source-Repositories für besseres UI-Design mit Coding-Agenten

    Ein X-Post stellt quelloffene Repositories vor, mit denen KI-Werkzeuge wie Claude Code, Cursor und Codex hochwertigere Benutzeroberflächen statt generischer Standard-Designs erzeugen können.

    6477Lesezeichen264.163Aufrufe

    KI & AI· Sammlung

  • Repository:display-dev/visualize

    visualize: Markenkonforme HTML-Artefakte für KI-Coding-Agenten

    visualize ist ein Open-Source-Skill für KI-Coding-Assistenten wie Claude Code, Cursor oder Codex, um typische KI-Standard-Designs bei generierten HTML-Dokumenten durch markenkonforme Vorlagen und definierte Überarbeitungsbefehle zu ersetzen.

    67SterneHTML

    KI & AI· Tool

Lassen Sie uns über Ihr Projekt sprechen

Standorte

  • Mattersburg
    Johann Nepomuk Bergerstraße 7/2/14
    7210 Mattersburg, Austria
  • Wien
    Ungargasse 64-66/3/404
    1030 Wien, Austria

Dieser Inhalt wurde teilweise mithilfe von KI erstellt.