Best Claude Skills for Design & UI/UX

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

Anti-slop frontend skill that infers a design direction from the brief and ships interfaces that don't look templated.

Comprehensive design intelligence for web and mobile UI/UX across 10 technology stacks.

gpt taste

Premium brand-kit image generation for high-end identity systems, logo concepts, and visual-world presentations.

Premium website design-to-code skill that generates visual references first, then builds faithful frontend implementations.

Premium frontend image direction for landing pages and marketing sites, generating one distinct horizontal image per section.

Premium mobile app screen concepts and flows with clean hierarchy, strong imagery, and distinctive art direction.

Emil Kowalski's philosophy on UI polish, component design, and the invisible details that make software feel good.

Frontend design and iteration for production-grade interfaces, from concept to ship.

Reverse-engineer design tokens from public websites into starter token files for your project.

Builds an animation from scratch by making the decisions in the order that determines whether it feels right.

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.

Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.

Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.

Official shadcn/ui skill — teaches agents the CLI v4, the registry system, component patterns, and Tailwind v4 config.

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.

Craft-focused design philosophy for building interfaces where every detail compounds into something that feels right.

CSS-first design system framework for Tailwind v4 with tokens, components, and responsive patterns.

Analyze Stitch design projects and generate semantic DESIGN.md files as prompting source of truth.

Distinctive, production-grade frontend interfaces that reject generic AI aesthetics through intentional design direction.

Audit and improve web accessibility following WCAG 2.2 guidelines. Use when asked to "improve accessibility", "a11y audit", "WCAG compliance", "screen reader support", "keyboard navigation", or "make accessible".

Huashu-Design · HTML-first prototyping, animations, and design direction for AI agents.