Design Tools Claudeスキル

React & Next.js Performance Optimizer

Optimizes React and Next.js applications using Vercel Engineering's 45 performance-focused best practices.

Avalonia UI & Zafiro Development

Architects robust cross-platform applications using Avalonia UI and the Zafiro toolkit with a functional-reactive approach.

Remotion Video Engineering

Streamlines programmatic video creation using React-based Remotion patterns for animations, 3D content, and dynamic compositions.

Canvas Design Mastery

Generates professional, museum-quality visual designs and artistic philosophies in PDF and PNG formats.

Anthropic Brand Identity Styling

Applies Anthropic's official visual identity, brand colors, and typography to digital artifacts and design documents.

3D Web Experience

Builds immersive, high-performance 3D web experiences using Three.js, React Three Fiber, and WebGL.

Web Artifacts Builder

Constructs sophisticated, multi-component Claude.ai artifacts using React, Tailwind CSS, and shadcn/ui for production-grade frontend prototypes.

Advanced Web Artifacts Builder

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

Avalonia & Zafiro Development

Streamlines cross-platform UI development using Avalonia UI and the Zafiro toolkit with functional-reactive patterns.

Atomic Design for React

Organizes React components into a structured hierarchy using the Atomic Design pattern to improve reusability and scalability.

Theme Factory

Styles digital artifacts like slides, reports, and landing pages with professional color palettes and typography pairings.

React Architecture Patterns

Implements modern React design principles, performance optimizations, and TypeScript best practices for production-ready frontend applications.

Frontend Design Architect

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

UI/UX Pro Max

Generates professional UI/UX design systems and production-ready frontend code across nine modern technology stacks.

Anthropic Brand Guidelines

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

Anthropic Brand Guidelines

Applies Anthropic's official visual identity, color palette, and typography to code artifacts and presentations.

3D Web Experience

Builds immersive 3D web environments and interactive scenes using Three.js, React Three Fiber, and WebGL.

Standard UI Component Builder

Generates standardized UI components using the RNBT architecture and Pub/Sub data patterns.

Canvas Visual Design & Artistry

Generates museum-grade visual art and design philosophies for high-fidelity posters, diagrams, and static pieces.

Theme Factory

Applies professional color palettes and typography themes to documents, presentations, and web artifacts.

Anthropic Brand Guidelines

Applies Anthropic's official visual identity, including specific color palettes and typography, to documents and design artifacts.

Interactive Portfolio Designer

Builds high-conversion personal portfolios and interactive case studies that effectively showcase professional impact and technical expertise.

Component Finder

Locates UI components within a codebase using screenshots, route paths, or component names to bridge the gap between design and implementation.

Frontend Design

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

Interactive Portfolio Designer

Builds high-conversion developer and designer portfolios that transform project showcases into memorable career opportunities.

Interactive Portfolio Builder

Builds high-conversion personal portfolios and project showcases that turn visitors into professional opportunities.

Frontend Design Patterns

Implements high-performance React and Next.js design patterns, including state management, component composition, and UI optimization strategies.

UX Writing & Copy Improver

Optimizes UI microcopy across codebases using proven UX writing frameworks and interactive audit modes.

Avalonia & Zafiro ViewModel Patterns

Streamlines Avalonia UI development by implementing functional-reactive ViewModel patterns and declarative wizard flows using Zafiro and ReactiveUI.

Avalonia Zafiro ViewModels

Standardizes Avalonia application architecture using Zafiro and ReactiveUI for robust ViewModel and wizard creation.