Design Tools Claudeスキル

Web Design Guidelines Auditor

Audits web application code for compliance with professional UI/UX standards and accessibility best practices.

React Frontend SPA Architect

Implements scalable, type-safe React Single Page Applications using standardized routing, authentication, and design patterns.

Frontend Design Architect

Creates distinctive, production-grade frontend interfaces with unique aesthetic identities that avoid generic AI design patterns.

AI Image & Infographic Generator

Generates high-resolution images, professional infographics, and technical diagrams using Google's Nano Banana Pro model with structured prompting workflows.

AI Image Generation & Editing

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

Style Master: CSS & Design Systems

Optimizes frontend styling and design systems through comprehensive CSS audits, modernization, and accessibility enforcement.

Frontend Design

Creates distinctive, production-grade frontend interfaces with a professional UI/UX designer's mindset and high-end aesthetic standards.

Brand Systems

Builds comprehensive brand identity systems from strategy and positioning to visual documentation and design tokens.

AI Photo Gallery Architect

Automates the creation of sophisticated photo galleries using AI-driven layout curation based on classical photography principles.

AI Art-Informed Image Curation

Reviews image batches to generate aesthetic gallery layout suggestions based on classic photography principles.

Builder Methods Brand Illustrator

Generates hand-drawn, branded line art illustrations with customizable accent colors for technical and marketing content.

Square Pixel Text Generator

Generates interactive JavaScript and HTML code to render customizable text using a grid of stylized square pixels.

Slack GIF Creator

Automates the creation of optimized animated GIFs and custom emojis specifically designed for Slack's strict technical constraints.

Canvas Art & Design Philosophy

Generates museum-quality visual art and posters using a rigorous two-step design philosophy and master-level execution process.

PPTX Research Posters

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

Enterprise UI/UX & Design Systems

Provides enterprise-grade UI/UX foundations, design system tokens, and accessible component architectures for modern web applications.

MoAI Frontend Specialist

Accelerates modern web development with advanced architectural patterns for React 19, Next.js 16, and Vue 3.5.

Web Interface Guidelines Reviewer

Audits frontend code against industry-standard guidelines to ensure high-quality UI, UX, and accessibility compliance.

Atomic Frontend Implementation Planner

Generates granular, step-by-step implementation plans for frontend tasks with integrated verification commands.

Gemini Image Generation

Generates and edits high-resolution images using the Google Gemini API directly within your Claude Code environment.

Frontend UI & Design System

Builds consistent, accessible, and high-performance frontend interfaces using Tailwind CSS and shared component libraries within a monorepo.

Frontend Design

Generates distinctive, production-grade frontend interfaces with high design quality and bold aesthetic choices to avoid generic AI-generated styles.

Ink.js Terminal UI Design

Provides expert patterns and implementation guides for building interactive terminal user interfaces using Ink.js and React.

Ink.js CLI UI Designer

Build sophisticated, responsive terminal user interfaces using React-based Ink.js patterns and best practices.

Frontend Styleguide

Generates and maintains comprehensive frontend style guides, design systems, and reusable component libraries for web projects.

Art & Visual Content System

Generates distinctive visual content and technical diagrams using a signature Tron-meets-Excalidraw aesthetic.

Tailwind CSS v4 Pro

Streamlines styling workflows using Tailwind CSS v4's CSS-first configuration and modern utility patterns.

Frontend Design

Creates distinctive, production-grade frontend interfaces with high-end aesthetic quality and creative flair.

UI/UX Design Auditor

Automates UI/UX design reviews based on Material Design 3 standards, WCAG 2.2 accessibility, and Nielsen’s usability heuristics.

Base UI Documentation Assistant

Provides instant access to official Base UI (@base-ui/react) documentation, API references, and styling guidelines.