Design Tools Claudeスキル

UI/UX Designer Expert

Architects accessible, scalable design systems and user-centered interfaces using modern design tokens and systematic methodologies.

Imagen AI Asset Generator

Generates high-quality visual assets and UI placeholders directly within Claude Code using Google Gemini's advanced image models.

Stability AI Image Generator

Generates, edits, and enhances professional images using Stability AI's SD3.5, Ultra, and Core models directly within your development workflow.

Agent UI Components

Simplifies the integration of interactive chat interfaces and agent tool lifecycle components for React and Next.js applications.

Canvas Art & Design Philosophy

Generates sophisticated visual art and design philosophies for high-fidelity posters, branding, and digital assets.

Modern Web Frameworks & Monorepos

Builds high-performance full-stack applications and monorepos using Next.js, Turborepo, and RemixIcon best practices.

Antigravity UI & Motion Expert

Builds highly interactive, spatial, and weightless web interfaces using glassmorphism, 3D CSS, and GSAP animations.

Senior Frontend Architect

Accelerates frontend development by providing standardized scaffolding, performance optimization, and best-practice patterns for React and Next.js applications.

Iconsax Premium UI Library

Integrates the high-end Iconsax library and AI generation into your workflow to create professional, modern digital interfaces.

Interface Design

Builds high-craft, intentional software interfaces by replacing generic AI templates with domain-specific design systems.

Anthropic Brand Guidelines

Standardizes digital content and presentations with Anthropic's official brand identity, color palettes, and typography.

Elite Gemini Coder & UX Pro

Optimizes Gemini 3.1 Pro for high-performance software engineering and pixel-perfect UI/UX design workflows.

Tailwind CSS v4 Patterns

Implements modern Tailwind CSS v4 design principles and CSS-native configurations for high-performance frontend development.

Design System Patterns

Architect scalable UI foundations using design tokens, multi-platform theming infrastructure, and modular component patterns.

Makepad Animation Expert

Simplifies the creation of high-performance UI animations and state transitions within the Makepad framework.

Favicon Generator & Automator

Generates a comprehensive suite of production-ready favicons and updates project layout files automatically.

Radix UI Design System

Architects accessible, high-performance design systems using headless Radix UI primitives and custom styling strategies.

Core Components Design System

Implements consistent user interfaces using a standardized design system and token-based styling patterns.

Remotion Video Mastery

Creates high-quality programmatic videos using React animations, dynamic compositions, and media processing patterns.

Web Component Design & Architecture

Architects scalable UI component libraries and design systems using modern frontend frameworks and advanced styling patterns.

Frontend Design & Art Direction

Enforces premium UI design principles and minimalist art direction to create visually striking, high-impact web interfaces.

Theme Factory

Applies professional visual themes and curated typography to digital artifacts like slide decks, documents, and landing pages.

Figma Automation & Design Systems

Automates Figma design workflows, allowing developers to extract assets, design tokens, and file data directly through Claude.

Visual Design Foundations

Builds cohesive UI systems using typography, color theory, spacing, and iconography principles.

Steve Jobs Persona

Simulates the cognitive structure, strategic perspective, and design philosophy of Steve Jobs to provide high-level product and presentation guidance.

Product Design - Apple Standard

Generates high-fidelity visual systems, UX flows, and accessible product designs inspired by Apple’s design philosophy.

Frontend Design Review

Reviews UI implementations for design system compliance and creates distinctive, production-grade frontend interfaces from scratch.

Accessibility Fixer

Audits and remediates web accessibility violations to ensure WCAG compliance and inclusive user experiences.

Image Generation & Editing

Generates and modifies project assets like UI mockups, logos, and product imagery using the OpenAI Image API.

React 19 & Compiler Optimization

Implements modern React 19 patterns and compiler-optimized code structures for high-performance frontend development.