Design Tools Claudeスキル

Claude Photo Manager

Manages and analyzes visual content by handling photo uploads, image processing, OCR, and UI debugging directly within Claude Code.

Frontend Design

Creates distinctive, production-grade frontend interfaces with a focus on high-quality aesthetics and creative implementation patterns.

Brand Color Extractor

Extracts official brand color palettes from websites and design systems to automatically generate comprehensive VS Code theme configuration files.

UI/UX Pro Max

Provides comprehensive design intelligence and implementation patterns for creating stunning, production-grade frontend interfaces across multiple frameworks.

Frontend Design Concept

Creates distinctive, production-grade frontend interfaces that avoid generic AI aesthetics through intentional design thinking and meticulous execution.

3D Visualization & Three.js

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

Canvas Design

Transforms subtle conceptual inputs into sophisticated visual art and design documents through the creation of custom aesthetic philosophies.

Shadcn UI Components

Implements accessible, type-safe UI components for Next.js applications using shadcn/ui, Tailwind CSS v4, and react-hook-form integration.

Frontend Design

Creates distinctive, production-grade frontend interfaces with a focus on high-quality, creative design.

Frontend Design

Creates distinctive, production-grade frontend interfaces with a focus on bold aesthetics and creative implementation to avoid generic AI-generated styles.

Pixel Pusher UI/UX Designer

Transforms vague design requirements into professional, production-ready web interfaces through a systematic multi-stage design process.

Frontend Design

Generates distinctive, production-grade frontend interfaces that prioritize creative intentionality and avoid generic AI aesthetics.

Frontend Design Pro

Creates distinctive, production-grade frontend interfaces with high-end aesthetics and bespoke design patterns.

Reactive Markdown Prototyping

Transforms standard markdown into interactive product specifications and live prototypes using the reactive-md VS Code extension.

High-Fidelity UI/UX Design

Creates distinctive, production-grade frontend interfaces and components while avoiding generic AI-generated design patterns.

Slack GIF Creator

Generates and optimizes animated GIFs and custom emojis specifically tailored for Slack's strict file size and dimension requirements.

Algorithmic Art Mastery

Generates sophisticated, original generative art using p5.js through a unique dual-stage process of computational philosophy and master-level implementation.

Templ Components

Build reusable, type-safe UI components for Go web applications using the templ library.

React Artifacts Builder

Builds complex, multi-component React artifacts for Claude.ai using shadcn/ui and professional frontend workflows.

Theme Factory

Applies professional color palettes and typography pairings to artifacts like slides, documents, and landing pages.

Frontend Design for Fixlify

Creates distinctive, production-grade frontend interfaces using the Fixlify design system, shadcn/ui, and Tailwind CSS.

Tailwind Design System Architect

Builds scalable, production-grade design systems using Tailwind CSS, design tokens, and robust component architecture patterns.

Canvas Design

Generates sophisticated, museum-quality visual art and design philosophies through meticulous spatial communication and artistic orchestration.

Frontend Design

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

Theme Factory

Styles artifacts with professional color palettes and typography pairings through preset or custom-generated themes.

Algorithmic Art & Generative Design

Generates sophisticated p5.js art through deep algorithmic philosophy and meticulous computational craftsmanship.

Image Enhancer

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

Tailwind Design System

Architects production-ready design systems using Tailwind CSS, design tokens, and accessible component patterns.

Canvas Visual Designer

Generates sophisticated, museum-quality visual art and posters using custom-crafted design philosophies and master-level execution.

Frontend Design

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