Weirdness Engine: Claude Skill for Structured, Non-Standard Web Design

Repositorysethjenks/weirdness-engineTool

Weirdness Engine is an open-source skill for Claude Code and Cowork designed to push web layouts beyond generic category tropes. Rather than generating random disorder, it methodically breaks a single convention while maintaining structural coherence across the rest of the interface.

Key points

  1. Operates in two modes: 'Critique Mode' examines existing designs to map conventions; 'Generate Mode' creates novel directions from a brand brief.
  2. Generates exactly five distinct directions per run using different techniques across varied surfaces.
  3. Enforces five validation conditions: anchored familiarity, purposeful violation, internal coherence, irresolvable tension, and defamiliarisation.
  4. Employs six specific techniques (Collision, Alien Perspective, Exaggeration of Truth, Uncommon Care, Constraint Inversion, Outside Reference).
  5. Grounded in theoretical concepts from Mark Fisher, Viktor Shklovsky, and cognitive expectancy violation.
  6. Installs via the '.claude/skills/' directory in Claude Code or as a packaged '.skill' archive for Cowork.

Why it matters

Generative AI design tools tend to converge on safe category averages, while unstructured prompts like 'make it weirder' often yield disjointed, unusable designs. This framework introduces rigorous constraints to steer AI models toward deliberate, defensible novelty.

Analysis

The project tackles the convergence toward generic outputs in AI-assisted creative work. Architecturally, it is an instruction-based Claude skill delivered via SKILL.md and reference documentation. It is aimed at UI/UX designers, creative leads, and digital agencies seeking divergent concepts during kickoff and critique phases. The project is at an early experimental stage, with minimal community adoption (6 stars and 1 fork on GitHub under an MIT licence).

Mentioned links

Found in

Summary generated by AI (Gemini 3.8 Flash, 27 September 2026). It may contain errors – the original source is authoritative.

Related entries

Similar in content, found by the AI search.

  • Repository:Nutlope/hallmark

    Hallmark: Anti-AI-slop design skill for coding agents

    Hallmark is an open-source design skill developed by Together AI for Claude Code, Cursor, and Codex. It prevents generic, AI-looking interfaces by enforcing diverse macrostructures, 21 themes, 57 slop-test gates, and pre-emit self-critique.

    28.4kstarsCSS

    AI & LLMs· Tool

  • Repository:elayadesign/ai-design-skills

    ai-design-skills: Markdown-based Design Skills for AI Coding Tools

    The elayadesign/ai-design-skills repository provides modular Markdown rule sets for AI coding assistants. These skills can be integrated into tools such as Claude Code, Cursor, and Windsurf to produce structured landing pages and consistent UI systems.

    2kstars

    AI & LLMs· Resource

  • Repository:jakubkrehel/skills

    jakubkrehel/skills: Agent Skills for UI and Design Engineering

    jakubkrehel/skills is a curated collection of agent skills designed to equip AI assistants such as Claude Code with best practices for interface design, typography, accessibility, and UI engineering.

    5.8kstarsMarkdown

    AI & LLMs· Tool

  • Repository:amaancoderx/npxskillui

    SkillUI: Reverse-Engineer Design Systems into Claude Code Skills

    SkillUI is a Node.js CLI tool that extracts design systems from URLs, local projects, or Git repositories. Using pure static analysis without AI models or API keys, it gathers colors, typography, spacing, components, and screenshots into formatted context files for Claude Code.

    2kstarsTypeScript

    AI & LLMs· Tool

Back to the knowledge base

Let's talk about your project

Get in touch

Locations

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

Parts of this content were created with the assistance of AI.