- Home
- Skills
- Frontend & Web Apps
- anti default design
anti default design
Escape generic AI design patterns using script-based entropy and fixed material registers for unique frontend UIs.
Free
Works with the AI Agents you already use
anti default design
Example session with this skill installed
I need a landing page for a high-end custom carpentry workshop called 'Grain & Steel'. They focus on heirloom quality furniture. Use the anti-default skill to establish the design.
- Read your context and instructions
- Compiled the anti default design
Design direction — seed 8291, "obsidian": jagged structural rhythms expressed through hand-planed textures. (say "re-roll" for a new direction)
Design Direction
Seed: 8291 · rolled 2024-05-24 · skill v0.7
Register (from brief, before the roll):
- Materials: Quarter-sawn oak, cold-rolled steel, linseed oil
- Hues: Deep ambers, charcoal greys, oxidized blues
- Lettering: Industrial slab-serif, workshop stencil
- Voice: Quiet, authoritative, tactile
Words offered: obsidian, velvet, spire · chose: obsidian
Rolled constraints
- Density: High-contrast spacing (cramped vs cavernous)
- Shape: Asymmetric chamfered edges
- Motion: Stepped, mechanical transitions
Contract
Fonts: 'Sentinel' (Slab), 'Input Mono' (Workshop secondary)
Palette: #1A1A1A (Charcoal), #B87333 (Amber), #2F4F4F (Slate)
Shape: 8px chamfered corners on all containers; no standard radii
Space: Tight internal padding (12px) with massive section gaps (120px)
Signature: Overlapping offset image grid with exposed steel-colored borders
Mobile: Signature grid collapses to a single-column staggered layout; chamfers persist
Next steps
- Review the generated
docs/design-direction.md. - Approve the contract to begin Tailwind/HTML implementation.
- Run the lint script once the initial hero section is scaffolded.
Connects securely to your tools. The creator never sees your data.
About this skill
Modern UI design often suffers from "LLM average"—a sterile, repetitive aesthetic born from training data probability. This skill breaks that cycle by decoupling visual style from structural composition. It forces variance into your frontend work by injecting verifiable entropy into the design process while keeping the brand's core identity fixed.
What it does
- Fixes the register by extracting physical materials, hue families, and lettering traditions from your brief before any design begins.
- Injects entropy using a real Bash-based roll script to generate structural, compositional, and motion constraints.
- Synthesizes a design contract that maps rolled constraints onto the fixed brand register, ensuring uniqueness without losing coherence.
- Enforces mobile-first implementation with a requirement that signature elements must survive responsive transitions.
- Lints the output using a specialized script to detect and eliminate "default" design fingerprints like centered hero blocks or generic card layouts.
How it works
- Brief extraction. The agent identifies the materials, colors, and voice of the subject.
- Bash roll. It executes
scripts/roll.shto get verifiable, non-arbitrary skeleton constraints. - Contract generation. It writes a
docs/design-direction.mdfile pinning fonts, palettes, and density rules. - Execution. It builds the UI phone-first, strictly following the pinned contract.
- Validation. It runs
scripts/lint.shto ensure no generic LLM patterns leaked into the code.
Frameworks & tools
Works with any frontend stack including React, Vue, Svelte, Tailwind CSS, and vanilla HTML/CSS. Requires a shell environment to execute the entropy and linting scripts.
Why this beats prompting it yourself
Prompting an LLM to "be creative" just shifts the mean of the distribution to a different cliché. This skill uses external entropy and a rigid design contract to ensure the agent cannot retreat to safe, average UI patterns.
Use cases
- Building a landing page for a brand that needs to look artisanal or specific rather than "tech-startup-generic."
- Redesigning legacy interfaces that feel dated or templated.
- Rapidly prototyping diverse UI directions for a single brief to explore structural variance.
- Ensuring design consistency across a team by pinning direction in a markdown contract before coding.
Known limitations
Requires a functional Bash environment to run the scripts. Not suitable for projects that must strictly follow an existing, rigid enterprise design system or OS-native human interface guidelines.
How to use
Skills on Agensi run inside your AI agent. Copy the prompt, paste it into your agent, and it connects to Agensi and installs this skill for you. If a payment is needed, your agent shows it to you first.
Reviews
No reviews yet
Be one of the first to try it. Every listed skill passes our trust checks below.
Security scanned
Passed our 8-point scan before listing
Fresh listing
Recently published to Agensi
Free forever
No account required to browse
Trust & safety
Security scanned
Verified clean 5 days ago
- Free to download with an account
Requires