Design Tools Claudeスキル

UI/UX Design Expert

Optimizes user interfaces and experiences using professional design principles, accessibility standards, and systematic patterns.

Error UX Therapist

Optimizes application error messages using proven UX patterns and recovery-focused frameworks to improve user satisfaction.

Vercel React Best Practices

Optimizes React and Next.js applications using industry-leading performance patterns and Vercel-engineered guidelines.

UI/UX Pro Max: Design Intelligence

Automates the creation of high-fidelity frontend interfaces with comprehensive design systems, accessibility audits, and framework-specific UI patterns.

VueUse Composables Helper

Streamlines Vue.js and Nuxt development by automatically implementing optimized VueUse composables for state, browser APIs, and DOM interactions.

Tailwind CSS v4 Development

Styles and builds modern web interfaces using Tailwind CSS v4 utilities and CSS-first configuration patterns.

UI/UX Pro Max

Generates professional design systems and high-fidelity frontend interfaces with comprehensive accessibility and performance guidelines.

Raven Component Authoring

Develops and maintains custom SwiftUI-style components for the browser using the Raven framework and WebAssembly.

Next.js Feature Orchestrator

Orchestrates end-to-end Next.js feature development by coordinating data layers, UI components, and App Router architecture.

React Router 7 UI Developer

Develops production-ready React SPAs using React Router 7, Tailwind CSS v4, and modern React 19 patterns following strict architectural conventions.

Next.js UI Development Specialist

Builds and maintains production-ready Next.js interfaces using feature-based architecture and Tailwind CSS v4.

React Dev Orchestration

Orchestrates end-to-end feature development for React Router 7 SPA projects by coordinating data layers and UI components.

Tailwind Widget Builder for ChatGPT Apps

Accelerates the creation of responsive, Tailwind CSS-powered inline widgets for ChatGPT applications using pre-built UI patterns.

Shadowrun UI Aesthetic

Applies distinctive cyberpunk visual language and production-grade UI patterns for Shadowrun-themed applications.

Mockup Iteration Manager

Orchestrates systematic UI mockup iterations with version control, decision logging, and automated visual validation.

UI Visual Validator

Validates UI modifications through rigorous visual analysis, design system compliance checks, and accessibility verification.

Textual TUI Builder

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

Next.js App Router UI Specialist

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

Anthropic Brand Styling

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

Penpot Design & UI Kit

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

Remotion Video Development

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

Product Copy & UX Writing

Crafts clear, consistent, and action-oriented microcopy for user interfaces, onboarding flows, and error states.

Competitive Design

Analyzes competitor UX/UI flows and interface patterns to generate actionable design insights and strategic briefs.

Accessibility Design & Audit

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

React Development Standards

Enforces modern React development conventions including functional components, custom hooks, and Storybook CSF 3.0 patterns.

Shadcn/UI Component Library Skill

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

Typography Expert

Apply professional typography principles to create readable, hierarchical, and aesthetically refined user interfaces.

Interaction Design & Motion UI

Creates polished user interfaces using microinteractions, smooth transitions, and purposeful motion design patterns.

Anthropic Brand Styling

Applies Anthropic's official brand identity, color palette, and typography to visual artifacts and documents.

Legaltech UI Architect

Designs structured component architectures and design system strategies for high-compliance legaltech applications.