Building responsive web layouts that work across all devices is complex and error-prone. This skill provides Claude with clear guidelines on mobile-first design principles, fluid containers, relative units, and touch-friendly interactions to ensure your web projects scale seamlessly from mobile to desktop.

Writing CSS without consistent methodology leads to maintainability issues and inconsistent styling across projects. This skill provides structured guidance on applying industry-standard approaches like Tailwind, BEM, and CSS Modules to ensure clean, maintainable, and scalable stylesheets.

Presentations and documents often lack visual consistency. This skill provides 10 curated themes with color palettes and font pairings. Apply a theme instantly to any slide deck or document for professional styling.

Slack has strict size limits for GIFs (64KB for emoji, 2MB for messages). This toolkit creates optimized animations that meet these constraints while providing professional animation effects.

Blurry screenshots and low-resolution images hurt your professional image. This skill uses AI to upscale, sharpen, and optimize your visuals for crystal-clear presentations and documentation.

Creating original visual art requires deep understanding of aesthetic principles and typography. This skill translates abstract design philosophies into concrete visual compositions using professional fonts and expert craftsmanship principles.

Maintaining consistent brand identity across documents and presentations can be time consuming and error prone. This skill provides instant access to Anthropic official brand colors, typography, and styling guidelines to ensure professional, on-brand visual content.

Users need professional SVG logos but lack design tools or coding skills. This skill generates geometric logos using Python with scalable vector graphics, custom color palettes, and clean design principles.

Transform mathematical concepts into stunning visual art using algorithmic techniques. This skill provides guided templates for creating reproducible generative artwork with seeded randomness and interactive controls.

Users need guidance to operate a complex WebGL and WebAudio synthesizer. This skill provides step-by-step instructions for stage setup, performance controls, scene design, and recording workflows for the Orthonotone polychoral instrument.

Creating SwiftUI views requires understanding navigation architecture, component patterns, and state management. This skill provides ready-to-use patterns for tabs, sheets, lists, grids, and more so you can ship faster with fewer bugs.

Creating modern iOS interfaces with Liquid Glass requires understanding Apple's specific APIs and design patterns. This skill provides ready-to-use code patterns and review checklists for implementing glass effects correctly.

Generate professional, accessible CSS that matches the clean shadcn/ui aesthetic. This skill provides comprehensive patterns for CSS variables, HSL colors, spacing scales, and modern layout techniques.

Your web app looks decent but lacks world-class polish. Use this iterative workflow to incrementally enhance UI/UX across desktop and mobile, achieving Stripe-level visual quality through multiple focused passes.

Building accessible web interfaces ensures everyone can use your applications, including users with disabilities. This skill enforces WCAG standards, proper ARIA attributes, keyboard navigation, and screen reader compatibility in your React components.

Building unique, visually compelling web interfaces is challenging and time-consuming. This skill guides the creation of production-quality frontend code with intentional aesthetic choices, avoiding generic AI-generated aesthetics and delivering polished, memorable designs.

Developers and designers need consistent, accessible, and visually appealing interfaces but lack comprehensive design knowledge. UI/UX Pro Max provides instant access to 50+ design styles, color palettes, typography pairings, and framework-specific best practices through simple keyword searches.

Creating user personas from raw research data is time-consuming and often inconsistent. This toolkit analyzes user behavior patterns, demographics, and interview insights to automatically generate research-backed personas with confidence scoring and design implications.

Creating consistent design systems manually takes significant time and often results in inconsistent implementations. This toolkit automates design token generation for colors, typography, and spacing, ensuring visual harmony across all components and exports developer-ready code.

Creating consistent, professional visual themes for presentations and documents takes significant design effort. This skill provides 10 curated color and font theme combinations that can be instantly applied to any artifact, plus the ability to generate custom themes on demand.