Builds polished, easy-to-use web page elements for you — buttons, forms, pop-ups, dark mode and more — using ready-made design pieces, so your app looks professional without you styling everything by hand.

What you’ll need

Claude Code

Learns about your product, researches similar designs, and proposes a full look for it: colors, fonts, layout, spacing and motion. You get preview pages and a DESIGN.md file that keeps your design consistent.

What you’ll need

Claude Code

A free guide that shows you how to grab a ready-made design rules file (a DESIGN.md) from a library of real websites and give it to Claude or Codex. You end up with websites that copy the look of a premium brand instead of a generic AI-looking page.

What you’ll need

Claude Code

Sets up a consistent set of design building blocks (colors, spacing, fonts as reusable 'tokens') and component specs for your product, and can also turn that into brand-consistent presentation slides.

What you’ll need

Claude Code

An all-in-one design toolkit that makes logos, brand kits, presentation slides, banners, icons, and social media images for you, in a wide range of styles. You end up with ready-made visual assets for your brand.

What you’ll need

Google Gemini

Checks your website's code against professional design and accessibility best practices, then gives you a specific list of lines to fix so your site is easier to use and more accessible.

What you’ll need

Claude Code

A roundup of five add-on skills you can give Claude so its designs look more intentional and professional instead of the same generic AI look everyone else gets.

What you’ll need

Claude Code

Gives your AI a big built-in library of design advice, including visual styles, color palettes, font pairings, icons and usability rules. It uses these to help you design, build or fix app and website screens so they look good and are easy to use.

What you’ll need

Claude Code

Helps your AI build company websites that look professional instead of generic or templated. It follows strict design rules, checks the page in a real browser, and gives you a clean, polished site.

What you’ll need

Claude Code

Builds nice-looking, accessible interface pieces for your app — buttons, forms, dialogs, dark mode — with consistent styling already applied.

What you’ll need

Claude Code

Guides Claude to design a website or app with its own distinctive look — specific colors, fonts, and layout choices based on your content — instead of a generic, cookie-cutter design.

What you’ll need

Claude Code