Weirdness Engine: Claude-Skill für kontrolliert unkonventionelles Webdesign

Repositorysethjenks/weirdness-engineTool

Die Weirdness Engine ist ein Skill für Claude Code und Cowork, der Webdesigns gezielt aus durchschnittlichen Gestaltungsmustern herauslösen soll. Statt zufälligem Chaos bricht das Werkzeug systematisch einzelne Konventionen auf, während der Rest der Struktur stabil bleibt.

Das Wichtigste

  1. Zwei Arbeitsmodi: 'Critique Mode' analysiert bestehende Entwürfe und identifiziert Konventionen; 'Generate Mode' entwickelt neue Richtungen anhand eines Brand Briefs.
  2. Erzeugt stets fünf unterschiedliche Gestaltungsrichtungen über verschiedene Techniken und Oberflächen.
  3. Jeder Entwurf muss fünf Bedingungen erfüllen: verankerte Vertrautheit, zielgerichteter Regelbruch, interne Kohärenz, unlösbare Spannung und Entfremdungseffekt.
  4. Nutzt sechs definierte Techniken (Collision, Alien Perspective, Exaggeration of Truth, Uncommon Care, Constraint Inversion, Outside Reference) zur Ideenfindung.
  5. Theoretische Fundierung basiert unter anderem auf Mark Fisher, Viktor Schklowski und kognitionswissenschaftlicher Erwartungsverletzung.
  6. Integration als Skill über das Verzeichnis '.claude/skills/' in Claude Code oder als ZIP-Archiv in Cowork.

Warum das relevant ist

Generative KI im Design führt häufig zu generischen Standard-Ergebnissen, die den Kategoriedurchschnitt widerspiegeln. Gleichzeitig führt die Aufforderung 'kreativer' oder 'verrückter' zu sein oft zu unbrauchbarem Chaos. Der strukturierte Ansatz zeigt, wie Prompts und LLM-Skills mit klaren Constraints genutzt werden können, um gezielte, markenrelevante Innovationen im UI/UX-Bereich hervorzubringen.

Einordnung

Das Projekt adressiert ein bekanntes Problem im generativen KI-Design: die Konvergenz zum Mittelmaß. Technologisch basiert es auf Claude-Skills (Markdown/Prompt-Definitionen) für Claude Code und Cowork. Es richtet sich an UI/UX-Designer, Creative Directors und Frontend-Entwickler, die in frühen Konzeptphasen nach eigenständigen Gestaltungsideen suchen. Reifegrad und Verbreitung sind noch sehr gering (frühes Experiment mit 6 Stars und 1 Fork auf GitHub unter MIT-Lizenz).

Gefunden in

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

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

  • Video

    Video:CURT

    Sieben Claude-Skills gegen generisches AI-Webdesign

    Griffin Wooldridge stellt sieben kuratierte Claude-Skills vor, die typische Schwächen von KI-generierten Benutzeroberflächen beheben und Design-Workflows verbessern.

    KI & AI· Sammlung

  • 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

  • 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:Motionsites-AI/claude-skill

    MotionSites Web Builder: Claude-Skill für hochwertige Landingpages

    Der kostenlose Claude-Skill von MotionSites hilft KI-Modellen, visuell anspruchsvolle Websites mit echten Medien und Animationen zu erstellen. Statt generischer Layouts nutzt Claude Design-Vorlagen, ein Media-Archiv und Playwright-Screenshots zur automatischen Selbstkorrektur.

    555SternePython

    KI & AI· Tool

Sprechen wir über Ihr Projekt.

Standorte

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

Ein Teil von diesem Inhalt wurde mit KI gemacht.