atelier-redesignlisted

Atelier suite — audit & upgrade existing sites/apps to premium without breaking them. Audit-first: inventory the current brand/IA/stack, name the specific AI-slop tells and the missing "expensive" levers, score gaps by impact vs risk, then apply the Atelier suite (direction → foundations → type → layout → motion → components → scroll/webgl) selectively, preserving functionality, content, SEO, and accessibility, and verifying with the perf/a11y gate. Use whenever improving, modernizing, polishing, or redesigning an existing website or app, fixing a design that looks dated/generic/templated/cheap, or doing a UI audit. This is the front door for EXISTING-site work — start here rather than atelier-direction when the site/app already exists; it brings the rest of the suite (direction included) in as needed. Supersedes older redesign skills. Default stack: Tailwind v4 + shadcn. Part of the Atelier suite.
luminary19/atelier · ★ 0 · Web & Frontend · score 68

Install: claude install-skill luminary19/atelier

# Atelier — Redesign & Audit Upgrading existing work is different from greenfield: you must **add system without breaking what works.** The failure mode is "piling on more effects." The fix is the opposite — diagnose what *system* is missing, add it, and remove the tricks. Audit before you touch anything. > **Uses the whole suite:** `atelier-direction` (anti-slop lens), `atelier-foundations` (tokens), > `atelier-typography`, `atelier-layout`, `atelier-motion`, `atelier-components`, `atelier-scroll`/ > `atelier-webgl` (only if earned), gated by `atelier-perf-a11y` and — for a substantial redesign — > red-teamed by `atelier-review` (a redesign is the canonical "substantial build" case). Deep reference: > `references/fundamentals-deepdive.md` (§15). **Supersedes** the older `redesign-existing-projects` skill. --- ## The flow 1. **Audit (don't touch yet)** → 2. **Name slop tells + missing levers** → 3. **Score by impact vs risk** → 4. **Re-direct** → 5. **Upgrade in safe order** → 6. **Verify (perf/a11y + regression)** → 7. **Adversarial review** (substantial redesigns). ## 1. Audit first Inventory before judging. Full method in **`references/audit.md`**: read the existing **brand** (logo, color, type, photography — starting material, not noise), **IA / content / flows**, **stack** (so you upgrade in-place, not rewrite), and the current **design system** (or absence of one): grid, type scale, color logic, spacing rhythm, motion, perf, a11y. WebFetch the live site or read t