/output-skill

Audits an existing website or app, flags generic AI-looking patterns and applies premium design upgrades without breaking functionality or starting over.

Has Claude design websites that feel expensive: it sets fonts, spacing, shadows, card structures and motion, and blocks defaults that look cheap.

Generates a DESIGN.md file of typography, color, layout and motion rules so Google Stitch produces premium, non-generic screens.

Reads your brief, infers a design direction and builds landing pages, portfolios or redesigns that do not look templated, auditing first on redesigns.

Covers brand identity, design tokens, logos, slide decks, banners, icons and social media images, routing each task to bundled sub-skills and references.

Defines three-layer design tokens (primitive, semantic, component), CSS variables, spacing and type scales, and component specs; also generates slides.