Tools

UI skills for design engineers: clean up spacing and hierarchy in AI-generated interfaces, fix accessibility and page metadata, debug janky animations, build DESIGN.md from an existing product or site, and run read-only UI reviews with fix plans. Use with a local frontend project in a coding agent.

Builds landing pages in two halves: intake questions, page structure, layout choice, conversion copy and SEO first, then a strict visual system for fonts, Tailwind type scale, spacing, radius, backgrounds, icons and motion. The rules are opinionated, e.g. no Inter font and no background gradients.

Adobe's official Claude Code plugin for redesigning an existing website: crawls the current site, sets a design direction, builds prototypes, then migrates page by page to static HTML, checking performance, SEO and accessibility. Requires the impeccable plugin, Node 22 and Playwright.

Webflow's official MCP: manage your site's pages, CMS content and blog posts by chat, and with the MCP Bridge App in the Designer, edit page elements and styles directly. Needs a Webflow account and Node.js 22.3+; first connection asks you to authorize sites.