/redesign-skill

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.

Helps build accessible interfaces with shadcn/ui components, Tailwind CSS styling and canvas visual designs: layouts, themes, dark mode and forms.