Design Tools Habilidades de Claude

Accessibility Design & Audit

Audits product designs and specifications against WCAG 2.1 standards to ensure inclusive and compliant user experiences.

Shadcn/UI Component Library Skill

Streamlines the installation, configuration, and implementation of accessible React components using shadcn/ui and Tailwind CSS.

Web Interface Design Auditor

Audits frontend code against Vercel’s Web Interface Guidelines to ensure high-quality UI, UX, and accessibility standards.

Frontend UI Implementation Engineer

Implements high-fidelity, responsive React interfaces with robust state management and automated visual regression testing.

Aesthetic UI Design

Creates visually stunning, production-grade frontend interfaces by applying advanced design principles and systematic workflows.

UI Design Reviewer

Evaluates web interfaces for accessibility, responsiveness, UX patterns, and performance using standardized audit protocols.

Storybook for React

Generates comprehensive React component documentation and interactive testing environments using Storybook 8 and CSF 3.0 standards.

Frontend Development & Architecture

Implements production-grade frontend interfaces across React, Vue, Svelte, and Angular using modern performance patterns and state management.

Penpot Design & UI Kit

Design, manipulate, and export Penpot UI components and layouts directly within Claude Code.

UI Component Builder

Builds accessible, responsive, and framework-agnostic UI components for modern web applications and design systems.

Canvas Visual Arts & Design

Generates museum-quality visual art and sophisticated design philosophies through a meticulous, multi-step creative process.

Brand System & Design Guide

Enforces modern design standards including OKLCH color palettes, AI-themed gradients, and WCAG accessibility compliance for production-ready UIs.

Frontend AI Developer Guide

Enforces production-ready standards and technical decision criteria for React and TypeScript development workflows.

FigJam Plugin Development

Streamlines the development and maintenance of FigJam plugins for rendering architecture diagrams from YAML definitions.

ahooks React Hooks Expert

Simplifies React development by providing expert guidance and implementation patterns for the comprehensive ahooks utility library.

Anthropic Brand Styling

Applies official Anthropic brand colors, typography, and visual standards to generated artifacts and documents.

Render GLB

Converts 3D GLB models into PNG images to enable visual verification and previewing within AI development workflows.

Fal AI Image Generator

Generates and edits high-quality images, infographics, and text-based visuals directly within Claude Code using fal.ai.

Bootstrap Forms

Generates and styles accessible, responsive web forms using Bootstrap 5.3 components and layout systems.

Next.js App Router UI Specialist

Optimizes and maintains consistent user interfaces within Next.js App Router projects using Tailwind CSS.

Textual TUI Builder

Builds sophisticated, reactive Terminal User Interfaces (TUI) using the Textual Python framework.

Music Theory Visual Design

Implements modern, musically-sophisticated UI components using a specialized color system and Tailwind CSS design patterns.

Visual Thinking Brainstormer

Automatically suggests creating visual diagrams like flowcharts and ERDs during architectural and design discussions.

Senior Frontend Implementation Agent

Builds production-ready, accessible user interfaces from design specifications and API contracts using Next.js and Tailwind CSS.

Remotion Video Development

Simplifies React-based video creation by providing expert guidance on Remotion animations, compositions, and rendering workflows.

Designing Frontend

Generates distinctive, production-ready frontend interfaces using advanced design thinking to avoid generic AI aesthetics.

UX/UI Designer Lite

Generates focused design briefs and essential UI patterns to accelerate MVP and prototype development workflows.

Web Interface Guidelines Auditor

Reviews web interface code for accessibility, UX, and design system compliance using the latest industry guidelines.

UI/UX Pro Max

Empowers frontend development with expert design intelligence, offering a vast library of UI styles, color palettes, and stack-specific best practices for professional interfaces.

Slint GUI Expert

Builds high-performance, native cross-platform user interfaces using the Slint UI toolkit and Rust integration.