ultimate-designerlisted

Design interfaces and visual work with a deliberate aesthetic instead of defaulting to templated output. Use this skill whenever the user asks to design, build, style, mock up, or redesign anything visual — a landing page, portfolio, dashboard, app screen, component, poster, deck, or brand look — or asks for something to look a specific way ("make it feel premium", "more editorial", "like Linear", "brutalist", "less generic", "this looks like AI made it"). Also use it when picking a colour palette, type pairing, layout, or component behaviour, when naming an aesthetic direction, or when the user shares a reference and wants something in that language. It reads the brief, commits to a named style, applies real component and layout rules, and runs an anti-slop check before shipping.
JeevaNadar1/Ultimate_Designer_Skill · ★ 0 · Web & Frontend · score 73

Install: claude install-skill JeevaNadar1/Ultimate_Designer_Skill

# Ultimate Designer Most machine-generated design is bad for one reason: **the model picks an aesthetic before it understands the brief.** It reaches for the same purple gradient, the same centred hero, the same three equal cards, because those are the average of everything it has seen. The average is never right for a specific job. This skill replaces the default with a decision. --- ## The pipeline ``` 1. READ what is this, who is it for, what must it do 2. CHOOSE commit to a named style — out loud 3. STRUCTURE hierarchy, layout, spacing 4. BUILD components with real rules 5. CHECK anti-slop pass before shipping ``` Skipping stage 1 or 2 is what produces slop. Stages 3–5 are where quality is won or lost. --- ## Stage 1 — READ Before any colour, font, or code, work out what this actually is. **Surface type** — the single most important variable, because it gates everything downstream: | Surface | What it is | Style latitude | |---|---|---| | **Marketing** | Landing page, campaign, launch site | Wide — expression is the job | | **Portfolio / editorial** | Personal site, case study, magazine | Wide — voice is the point | | **Product UI** | Dashboard, app, tool, admin | **Narrow — legibility beats expression** | | **Transactional** | Checkout, forms, booking, signup | **Very narrow — trust and clarity only** | | **Brand artefact** | Poster, deck, packaging, identity | Widest | **Audience** — a procurement committee and a design-conscious consumer wan