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

Repositorysethjenks/weirdness-engine4. September 2026Tool

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

Zwei Arbeitsmodi: 'Critique Mode' analysiert bestehende Entwürfe und identifiziert Konventionen; 'Generate Mode' entwickelt neue Richtungen anhand eines Brand Briefs.
Erzeugt stets fünf unterschiedliche Gestaltungsrichtungen über verschiedene Techniken und Oberflächen.
Jeder Entwurf muss fünf Bedingungen erfüllen: verankerte Vertrautheit, zielgerichteter Regelbruch, interne Kohärenz, unlösbare Spannung und Entfremdungseffekt.
Nutzt sechs definierte Techniken (Collision, Alien Perspective, Exaggeration of Truth, Uncommon Care, Constraint Inversion, Outside Reference) zur Ideenfindung.
Theoretische Fundierung basiert unter anderem auf Mark Fisher, Viktor Schklowski und kognitionswissenschaftlicher Erwartungsverletzung.
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).

Erwähnte Links

sethjenks/weirdness-engine on GitHubgithub.com/sethjenks/weirdness-engine

Gefunden in

Creative Design with AI: 8 Techniques to Escape Predictable OutputsX-Post

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.

X-Post:angel10. Aug. 2026
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/hallmark11. Sep. 2026
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-skills7. Sep. 2026
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/skills5. Sep. 2026
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
Repository:amaancoderx/npxskillui12. Sep. 2026
SkillUI: Design-Systeme analysieren und für Claude Code aufbereiten
SkillUI ist ein Node.js-Kommandozeilenwerkzeug, das Design-Systeme aus Webseiten, lokalen Projekten oder Git-Repositories extrahiert. Ohne KI-Modelle oder API-Schlüssel sammelt es Farben, Schriften, Abstände, Komponenten und Screenshots und bereitet diese als Kontextdateien für Claude Code auf.
2020SterneTypeScript
KI & AI· Tool
Video
Video:Chase AI23. Juli 2026
Besseres Webdesign mit Claude Code in drei Schritten
Chase AI stellt einen dreistufigen Workflow vor, um bei der Frontend-Entwicklung mit Claude Code generisches 'AI Slop' zu vermeiden. Der Ansatz kombiniert eine eigene Inspirationsbibliothek, spezialisierte Werkzeuge wie Impeccable oder den Higgsfield-MCP und einen visuellen, iterativen Build-Prozess mit interaktiven Tweak-Leisten.
KI & AI· Anleitung