Design Tools Claudeスキル

3D Web Experience Architect

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

AI Image Generation

Generates and edits high-quality visual assets, photorealistic images, and artistic illustrations using advanced AI models like FLUX and Gemini.

UI/UX Pro Max

Generates professional, high-fidelity UI/UX designs and code across multiple frameworks using a comprehensive library of styles, palettes, and best practices.

UI/UX Pro Max

Empowers developers to build production-grade interfaces using a searchable database of professional design systems, styles, and multi-stack best practices.

3D Visualization & Three.js

Creates immersive 3D web experiences, interactive data visualizations, and performance-optimized Three.js scenes using React Three Fiber.

Frontend TDD Implementation

Executes frontend implementation tasks using strict Test-Driven Development (TDD) cycles and design system constraints.

Roast Plus UI Design System

Implements a coffee-inspired Tailwind CSS v4 design system with standardized layouts, accessible components, and seasonal themes.

Frontend Accessibility

Implements standardized web accessibility practices to ensure inclusive and compliant user interfaces.

PPTX Research Posters

Generates professional research posters using HTML and CSS for seamless export to PowerPoint and PDF formats.

Theme Factory

Applies professional visual themes and curated font pairings to artifacts like slides, documents, and landing pages.

Anthropic Brand Styling

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

React Architecture & Design Patterns

Guides the implementation of production-ready React applications using modern patterns, React 19 features, and TypeScript best practices.

Algorithmic Art Generator

Creates gallery-quality generative art and interactive p5.js compositions based on deep computational philosophies.

Canvas Design & Visual Philosophy

Generates museum-grade visual art and sophisticated design philosophies through meticulous spatial composition and minimalist aesthetics.

Frontend Design

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

React UI Design Patterns

Implements standardized React UI patterns for loading states, error handling, and resilient data fetching.

Frontend Design Pro

Generates distinctive, production-grade frontend interfaces with high design quality and custom aesthetics.

Algorithmic Art Studio

Generates master-level generative art and computational aesthetics using p5.js and seeded randomness.

Typography Designer

Generates comprehensive, accessible typography systems including font scales, weights, and responsive design guidelines.

UI/UX Pro Max

Generates comprehensive design systems and provides professional UI/UX guidance across multiple tech stacks for web and mobile applications.

Web Interface Guidelines Auditor

Audits frontend code for accessibility, UX consistency, and industry-standard web design best practices.

GUI Wireframe Generator

Generates visual UI mockups and screen layouts using Mermaid wireframe syntax to replace low-fidelity ASCII art representations.

Mobile App Icon Generator

Generates professional, high-quality mobile app icons for iOS and Android using OpenAI and Gemini image generation APIs.

Avalonia & Zafiro Development

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

React Architecture Patterns

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

Theme Factory

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

Frontend Design Architect

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

3D Web Experience

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

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, including specific color palettes and typography, to documents and design artifacts.