editorial
Editorial / Magazine
Documentary authority: words and numbers, not chrome.
— this site
/ultraweb build the site you are reading
Your model can design. Nothing makes it.
A Claude Code plugin: 72 skills that argue the model out of slop.
act 02 — the enemy
Slop is a discipline problem.
The purple-to-blue gradient as the primary aesthetic.The untouched shadcn look: default radius, default slate, default Inter.Staggered fade-up on everything, until motion means nothing.
Fig. 1
One prompt enters. Twelve phases sign for it.
act 04 — the paper trail
Coherence is written down.
Five files. Each one records a decision this build made.
- design/BRIEF.md
- paper, ink, correction-red; audience: Lena
- design/DIRECTION.md
- Editorial/Magazine + the spec-document twist
- design/SYSTEM.md
- Newsreader/Archivo/JetBrains; dial 3
- design/SITEMAP.md
- 4 pages, one signature flag
- design/QA.md
- the gate report this page renders
Taste is enforceable.
Whitespace is not empty; it is emphasis budget.
- If everything is bold, nothing is.
- Spectacle never outscores usability.
- Craft the corners.
act 06 — the range
Twelve directions. Zero templates.
Every build commits to one archetype in writing — and records what it will not do.
direction catalog · 12 specimens · accent varies, type constant
swiss
Swiss / International
One grid, one grotesque, one saturated primary.
brutalist
Brutalist
Raw, abrupt, attention-courting; never trust-critical domains.
neo-minimal
Neo-grotesque Minimal
Calm scale, contrast from spacing, not color.
warm-organic
Warm Organic / Humanist
Earth tints, hand-drawn marks, nothing sharp.
luxury-serif
Refined Luxury Serif
Near-monochrome, airy, slow — reads expensive.
playful
Playful Geometric
Chunky geometry, springy overshoot, color-blocked fun.
dark-tech
Dark Tech
Dark ground, one glow accent — reflex pick.
— the flagged pick
retro-futurist
Retro-Futurist
Commit to one era, chrome or scan lines.
soft-depth
Soft Depth
Layered tints, tinted shadows, one light source.
data-dense
Data-Dense Utilitarian
Tabular numbers, quiet ground, chroma means data.
art-house
Art-House Immersive
Type as image; scroll and canvas carry it.
act 07 — the verdict
Seven gates run before done means done.
No testimonials. The build report is the reference.
| gate | verifies | verdict |
|---|---|---|
| gate-code | Build, types, lint, RSC boundaries all cleanbuild · tsc --strict · eslint exit 0 — 19 client leaves, 0 in layouts | pass |
| gate-responsive | No overflow or broken layout at three breakpoints375/768/1440 — zero overflow, targets ≥44px, vertical plate <1024 | pass |
| gate-visual | Screenshots judged against direction and taste rubricdesign-judge, 3 rounds — no axis under 6, both highs resolved on film | pass |
| gate-accessibility | WCAG AA contrast, keyboard path, focus, reduced motionAA contrast both themes · full keyboard path · reduced-motion verified | pass |
| gate-performance | Core Web Vitals: Lighthouse 90+, zero CLSLighthouse mobile 93·94·94·94 — CLS 0.00, animejs on / only | pass |
| gate-antislop | Zero tolerance sweep for every banned patternzero banned-pattern hits — greps + screenshot review | pass |
| gate-content | Real metadata, no dead copy, links resolvetitles/descriptions in window · every link resolves · JSON-LD valid | pass |
written by every gate · read by ship
72
skills
12
pipeline phases
7
quality gates
~23 KB
animejs gzip, measured
Install the discipline.
/plugin marketplace add blyatiful1/ultraweb
/plugin install ultraweb@ultrawebgit clone https://github.com/blyatiful1/ultraweb.git ~/.claude/skills/ultrawebVerify: /plugin lists ultraweb → /ultraweb is a command.