Redesign an existing website to make it better. Built on top of impeccable.
71
89%
Does it follow best practices?
Run evals on this skill
Adds up to 20 points to the overall score
View guide
Low
Low-risk findings worth noting
Curated bank of non-template moves Discipline 3 draws from when a
per-page surprise tier is medium or high. Each move is a
substitution for a captured cliché pattern; pages declare the
move they're applying in <slug>-shape.md#surpriseMoves[] with a
captured-source citation.
The bank is a set of worked exemplars, not a closed set — a new move is admissible per § Extension rule below. A move that proves out across runs earns a permanent entry here with its worked example.
See stardust/reference/divergence-toolkit.md § Non-template
move bank for the move list summary; this file is the
implementation reference with worked examples.
Replace a tile / card grid with a text-only document register — ledger row, running list, typed index, or marquee parade.
5-up image-card grid as category nav (the universal AI silhouette for catalog landings).
Variant B of /beers amplified the vernacular-naming captured
trait. Where variant A renders 6 image-card entries in a 3-column
grid, variant B renders them as a typographic parade: each
beer name at clamp(5rem, 12vw, 8rem) running down the column,
metadata in a side rail, photo as a 180px framed thumbnail rather
than the column's lead.
Brief excerpt:
surpriseMoves:
- move: typographic-substitution
cliche: "5-up image-card grid"
capturedSource: "Lambrate's product names are the poetry of the brand
(Ghisa, Montestella, Sant'Ambrogio, Domm); rendered as a parade rather
than a grid lets the names carry the visual weight"
rationale: "The captured site renders names at body scale inside small
cards; the parade restores the names to the brand's actual poetry-scale"Promote a brand color from accent (≤ 10% of surface area) to page ground (≥ 50%). The accent becomes the substrate; the prior ground becomes the accent.
Stark-white / cream / pale-gray ground with brand color rationed to CTA fills and accent borders.
Promotes brand black from text color to page ground. The page is ink-dark by default; cream text and yellow eyebrow tile float as elements on the black substrate. Hero photo full-bleed within a black frame; section transitions are color-keyed rather than white-rules.
surpriseMoves:
- move: substrate-promotion
cliche: "white ground + brand black for text only"
capturedSource: "wasatch's beer-bottle photography is shot on dark
backgrounds; the brand's visual register is night-mode-leaning
even though the captured site renders on white"
rationale: "promoting black to substrate aligns the digital surface
with the photographic register of the captured can artwork"Negative-space dominant where original was content-dominant. The hero is mostly empty; the headline anchors a composition framed by ground rather than supporting copy.
Centered-stack hero with two-button CTA pair (the Generic-2026-SaaS
silhouette per divergence-toolkit.md § 1).
A pricing page that swaps a 3-tier comparison table for a single question ("What's it worth to you?") on an otherwise-empty viewport, with tier details below the fold. The captured comparison table was 70% of above-the-fold content; the inversion makes it 0%.
surpriseMoves:
- move: inversion
cliche: "dense hero with comparison table above fold"
capturedSource: "the brand's voice samples consistently lead with a
provocative question rather than a feature list — the inversion
restores that voice to the hero"
rationale: "matches captured voice register"intent- dimensions.md). The IA priority must stay above the fold —
inversion is fine for editorial / about / story pages but not
for conversion paths.Replace a card grid with a table / ledger / index card / poster / docket / zine spread. The page adopts the document's structural rhythm (per-block substrate, per-spread layout, per-row typography).
Document-shapes that are substrate-keyed carry a per-section substrate citation. The ≤ 2-substrate-transition cap (Discipline 4) does not apply when each transition carries a per-section captured-source citation:
Variant C of /beers amplified the label-color-as-design
captured trait. Where variant A renders 6 entries on a uniform
black ground, variant C renders 6 per-SKU color-block
zine spreads, each substrate cited to the dominant color of
the generated can artwork:
| Entry | Substrate | Source |
|---|---|---|
| Tabernacle | #5a1a1a oxblood | assets/media/beer-tabernacle-4x5.jpg label dominant |
| Cutthroat | #177566 darker-teal | beer-cutthroat-4x5.jpg label (#1c8a7a adjusted +1 stop for AA contrast) |
| Goldspike | #e8b830 golden | beer-goldspike-4x5.jpg label dominant |
| Antelope | #a7c8e3 sky-blue | beer-antelope-4x5.jpg label dominant |
| Powder Day | #3eb0d8 cyan | beer-powder-day-4x5.jpg label dominant |
| Hoarfrost | #1f2c5c deep-indigo | beer-hoarfrost-4x5.jpg label dominant |
Brief excerpt:
surprise: high
dominantDimension: ground-family/label-substrate-zine
surpriseMoves:
- move: document-shape
subkind: zine
cliche: "uniform-substrate vertical list"
capturedSource: "Lambrate cans are always shot on wallpaper-colored-to-match
per-SKU label color — the per-SKU substrate IS the brand's product-
photography convention rendered to digital"
rationale: "substrate-per-section IS the captured trait, not a slider-pushed
extreme; each substrate carries a per-SKU label-color citation"This is the worked example of friction carve-out #2 — six substrate transitions exceed Discipline 4's ≤ 2 cap, justified by the substrate-keyed document-shape exception with per-section captured-source citations.
One element rendered at 4–8× normal size; others at 0.5×. The display headline becomes the page's primary structural element, with body text receding to caption scale.
Hero-then-bands silhouette where every band has equal headline weight.
A wordmark-as-page treatment: the brand name at clamp(8rem, 24vw, 20rem) consumes 70% of the viewport, with body sections rendered
at caption scale (var(--t-11)–var(--t-13)) running below as a
single dense column.
surpriseMoves:
- move: scale-displacement
cliche: "balanced-band hero"
capturedSource: "the brand mark is unusually expressive and the captured
site under-renders it (logo at 180px next to a generic hero photo);
promoting the wordmark to page scale restores its primacy"
rationale: "wordmark-as-display is the brand's most under-utilized asset"direct/SKILL.md § C-cliff failure mode.A page brief may declare multiple moves at surprise: high,
typically a document-shape paired with substrate-promotion (the
zine pattern is the canonical pair). At surprise: medium,
exactly one move from the bank is applied. At surprise: low, no
moves from the bank are applied (variant A / A1 / A2 / A3 all
operate on this tier).
The pairing rules:
Pairings that fight:
A new non-template move — one not among the five above — is admissible when it carries the same evidence shape as the bank entries:
surpriseMoves[] entry above cites capturedSource.prefers-reduced-motion and no-JS behavior).Record the extension in the brief's surpriseMoves[] entry with
extension: true and a rationale for why no bank move fits.
Extensions count against the same surprise-tier allowances as bank
moves.
.tessl-plugin
skills
audit
reference
deploy
diff
direct
extract
migrate
prepare-migration
prototype
replica
reskin
rollout
stardust
uplift
reference