UI/UX in Web Design

Build production-grade web components and interfaces with distinctive, polished design.

Anthropic's official skill for building real, distinctive UIs — not the generic AI default.

Score a design against Dieter Rams' principles and create a plan to improve it.

Kills generic AI design — gives your interfaces deliberate taste, motion, and polish.

Review UI code for compliance with web interface best practices and accessibility standards.

Three sliders that tune Claude's UI output. Stops the generic AI look.

Build and optimize React and Next.js applications with performance analysis and accessibility.

Generate minimalist, scalable vector logos using geometric shapes and negative space.

Extract colors, fonts, and design tokens from any website into multiple formats.

A design review from Emil Kowalski — catches the small things that make UIs feel right.

Apply professional color and font themes to slides, docs, and web pages.

Create complex React artifacts with Tailwind CSS and shadcn/ui components.

Learn universal design principles for visual hierarchy, typography, interaction, and accessibility.

Extract design systems from UI screenshots and generate implementation-ready design prompts.

Create interactive UI mockups, prototypes, and wireframes as self-contained HTML.

Evaluate screens for usability issues using Nielsen's heuristics and mobile best practices.

Add loading, success, error, and empty states to your components.

Review designs, write UI copy, build systems, and check accessibility.

Get design feedback by comparing your screen to real examples and improvement ideas.

Critique and rewrite paywall call-to-action copy with conversion-tested alternatives.

Build production-grade web components and interfaces with polished, distinctive design.

Fix crowded layouts, inconsistent spacing, and weak visual hierarchy in designs.

Make bland designs more visually interesting and engaging while keeping them usable.

Add strategic color to dull interfaces to increase visual engagement and warmth.

Design accessible iOS and Android interfaces following platform guidelines and modern best practices.

Generate PNG, JPEG, or WebP images using your ChatGPT account without an API key.

Get nine pre-built Home Assistant dashboard styles with ready-to-copy CSS and templates.

Generate and edit images with text or reference images using Gemini's native models.

Publish React components to your team library or install shared ones.