Design Tools Claude 技能

Image Enhancer

Enhances image resolution and clarity to transform low-quality screenshots into professional-grade visuals.

Image Enhancer

Enhances image resolution, sharpness, and clarity to create professional-grade visual assets for documentation and social media.

Advanced Artifacts Builder

Builds complex, production-grade Claude.ai HTML artifacts using React, Tailwind CSS, and shadcn/ui.

Advanced React Artifact Builder

Generates sophisticated, multi-component React artifacts for Claude.ai using modern frontend stacks like shadcn/ui and Tailwind CSS.

Immersive Scroll Experiences

Builds high-impact web narratives using advanced scroll-driven animations, parallax effects, and cinematic transitions.

Frontend Design Pro

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

Shadcn UI Manager

Manages shadcn/ui component integration, installation, and implementation patterns for modern frontend projects.

Shadcn UI Manager

Manages shadcn/ui component integration and complex UI assembly through automated registry searching and installation workflows.

Frontend Design

Creates distinctive, production-grade frontend interfaces that avoid generic AI aesthetics through bold design thinking.

Canvas Design & Visual Philosophy

Generates museum-quality visual art and design philosophies for creating sophisticated posters, digital artifacts, and abstract compositions.

React Modernization

Upgrades legacy React applications to modern standards including Hooks, React 18 features, and TypeScript.

React Modernization & Migration

Streamlines the process of upgrading React applications to the latest versions through automated codemods and best-practice patterns.

Corporate Brand Guidelines Applicator

Applies consistent corporate branding, visual styles, and messaging standards to generated documents and presentations.

Frontend Design

Creates distinctive, production-grade frontend interfaces and comprehensive design documentation for web and mobile projects.

Textual TUI Development

Builds sophisticated, interactive terminal user interfaces using the Textual Python framework.

Action View for Rails

Simplifies the creation and management of Ruby on Rails views, ERB templates, and frontend helpers.

UI Component & Interface Architect

Builds high-performance, accessible frontend interfaces using opinionated best practices and modern React component patterns.

Algorithmic Art & Generative Design

Creates sophisticated, gallery-quality generative art using p5.js through custom algorithmic philosophies and interactive parameter exploration.

Web Artifacts Builder

Builds complex, multi-component React artifacts for Claude using shadcn/ui and modern frontend stacks.

Theme Factory

Applies professional design systems, color palettes, and typography to documents, slide decks, and HTML artifacts.

React Modernization

Upgrades React applications to modern standards by migrating class components to hooks and adopting React 18+ features.

Mermaid Class Diagram Generator

Generates professional Mermaid.js class diagrams to visualize software architecture and object-oriented relationships.

Next.js Shadcn UI Expert

Streamlines the implementation of accessible, high-performance UI components using shadcn/ui and TanStack Form within Next.js App Router environments.

Laravel Livewire Expert

Develops reactive web components and interactive UIs for Laravel applications using Livewire 3, Volt, and Folio.

Tailwind CSS Backgrounds

Empowers Claude to implement advanced Tailwind CSS v4.1 background styling including OKLCH colors, gradients, and blend modes.

React 19 Expert

Implements modern React 19 patterns and core features for high-performance frontend applications.

SOLID React Architect

Enforces strict SOLID principles and modular architecture patterns for high-quality React 19 development.

Tailwind CSS v4 Support

Streamlines Tailwind CSS v4 development with expert guidance on CSS-first configuration, modern directives, and version migration.

Tailwind CSS v4.1 Core

Implements a CSS-first approach for styling applications using Tailwind CSS v4.1 directives and theme variables.

Tailwind CSS Borders & Outlines

Styles component borders, radii, outlines, and ring utilities using Tailwind CSS v4.1 standards.