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.

Learn when to drop, rail, or embed captions as overlays on video.

Generate and edit images from text descriptions using AI.

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.

Create minimal presentation slides with arrow-prefixed lists and keyboard navigation hints.

Design production-grade interfaces, components, and visual layouts with modern polish.

Generate product screenshots by automating browser capture with AI verification.

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

Create custom visual designs and styling for HTML pages, reports, and interactive tools.

Generate interactive HTML diagrams to visualize relationships, sequences, and structures.

Generate low-fidelity HTML wireframes to test layout, navigation, and task flow before design.

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

Generate systematic checklists to verify design implementations match specifications.

Generate and edit images from text prompts at 1K, 2K, or 4K resolution.

Design cohesive visual stories for GitHub READMEs with custom SVG assets.

Generate or edit images using OpenAI's image models.

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.

Create flowcharts, architecture diagrams, and visual sketches with Excalidraw.

Create interactive HTML mockups to design and plan UI layouts visually.

Automate browser interactions and render web pages for visual evidence.

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.

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

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.

Generate images and animations using your ChatGPT or Gemini subscription.

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.

Design and iterate UI layouts, components, and flows on an infinite canvas.

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

Build polished, production-ready web components and pages with distinctive design.

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

Capture and display screenshots of web pages or specific elements.

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.

Remove AI-generated patterns and add handcrafted polish before shipping.

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

Review UI code for visual hierarchy, spacing, typography, accessibility, and responsiveness issues.

Convert your website or PWA into an iOS app with App Store submission strategy and release guidance.

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

Turn product specs into design prompts for web UI generators like Figma and v0.

Replicate a website's design and visual style for your own product.

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

Build polished, designed UI that avoids generic AI defaults with design tokens and visual QA.

Generate, upscale, and edit images using AI with multiple quality and cost options.

Design beautiful, on-brand UIs instead of generic AI-generated interfaces.

Turn concepts into beautiful brand-matched illustrations by recoloring unDraw artwork.

Analyze SwiftUI app flows to find navigation issues and broken user paths.

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