Design Tools Claude 技能

UI Patterns & Frontend Architecture

Standardizes component architecture and accessibility patterns for modern frontend development.

UX Prototyping & Interaction Design

Accelerates the creation of interactive mockups, user flows, and high-fidelity prototypes for usability testing and stakeholder demonstrations.

UX Prototyping & Interaction Design

Generates high-fidelity interactive prototypes, user flows, and animation specifications to validate product concepts and streamline developer handoff.

LayerChart Data Visualization

Builds responsive, high-performance data visualizations and interactive charts using the LayerChart Svelte framework.

Vanilla Rails View Patterns

Optimizes ERB templates and Stimulus integration for Ruby on Rails applications using standardized view patterns.

Svelte Flow Graph Builder

Build highly customizable node-based editors and interactive flow visualizations using Svelte Flow and Svelte 5.

Composable Svelte UI Components

Implements high-quality UI interfaces using shadcn-svelte components integrated with the Composable Svelte state-driven architecture.

Shadcn Svelte UI Builder

Builds accessible, production-grade UI components for SvelteKit using shadcn-svelte and Tailwind CSS v4.1.

Aesthetic UI Design

Creates visually stunning and accessible user interfaces by applying professional design principles and iterative AI workflows.

Modern Web Frameworks & Monorepos

Architects high-performance full-stack applications using Next.js, Turborepo, and RemixIcon with optimized build pipelines and professional UI patterns.

Frontend Design Expert

Generates distinctive, production-grade frontend interfaces with high-fidelity aesthetics to avoid generic AI-generated design patterns.

User Research Master

Conducts deep user research through structured interview scripting, persona development, and journey mapping to drive user-centered design.

User Research

Facilitates structured user research through interview guides, persona development, and journey mapping to drive user-centered design.

Professional Print Layout

Transforms standard HTML files into professional, print-ready documents with customizable layouts and styles.

Vercel Design Guidelines Auditor

Audits and refines web interfaces based on Vercel's industry-leading design, accessibility, and performance standards.

Visual Protocol & UI Enforcement

Enforces high-standard UI/UX principles and professional CSS styling through a cynical, opinionated audit framework.

Kymera Brand System

Generates high-fidelity, technical UI components and design systems based on a sophisticated Jarvis-inspired HUD aesthetic.

Bubbletea Go TUI Builder

Builds sophisticated terminal user interfaces in Go using the Bubbletea framework and Lipgloss styling.

Bali View Component Audit

Audits Ruby on Rails views to identify migration opportunities, fix anti-patterns, and maximize Bali ViewComponent adoption.

Design Polish & Accessibility Auditor

Refines UI/UX by comparing project code against industry design trends and ensuring WCAG accessibility compliance.

Theme Factory

Styles artifacts like slides, documents, and landing pages with professional color palettes and font pairings.

Advanced React Artifacts Builder

Develops and bundles sophisticated, multi-component React artifacts for Claude.ai using shadcn/ui and Tailwind CSS.

SnapDOM Image Capture

Converts HTML DOM elements into high-performance SVG and raster images with full CSS style preservation.

Intelligent Prompt Generator

Generates logically consistent, high-fidelity image prompts using semantic reasoning and a structured element database.

Frontend Design Specialist

Creates distinctive, production-grade frontend interfaces with high-quality aesthetics that avoid generic AI design patterns.

React 19 Patterns

Implements modern React 19 architectural patterns and optimizations including the React Compiler and Server Actions.

Modern React & TypeScript Frontend Standards

Implements high-performance React architectures using Suspense-based data fetching, MUI v7, and feature-driven organization.

Shadcn Svelte

Builds accessible, customizable UI components for Svelte and SvelteKit applications using shadcn-svelte and Tailwind CSS v4.1.

Frontend Design

Creates distinctive, production-grade frontend interfaces with high design quality that avoid generic AI aesthetics.

Frontend Design

Generates distinctive, production-grade frontend interfaces with high design quality and unique aesthetic choices that avoid generic AI patterns.