Design Tools Claudeスキル

Tailwind CSS Utility Reference

Provides a comprehensive, categorized reference of Tailwind CSS utility classes to streamline frontend development and styling.

Tailwind CSS Interactivity

Optimizes user experience by streamlining the implementation of interactivity and scroll utilities in Tailwind CSS v4.1.

Frontend Design

Creates distinctive, production-grade frontend interfaces with high design quality and custom aesthetic directions.

Design Style & UI Architect

Creates distinctive, production-grade frontend interfaces by applying specialized design systems and curated aesthetic frameworks.

Design System Analyzer

Extracts precise CSS tokens, animations, and interaction states from websites to generate comprehensive design system documentation and prompts.

UI/UX Design & Frontend Principles

Implements professional UI/UX design principles, accessibility standards, and responsive layout patterns for modern frontend development.

Frontend Design

Creates distinctive, production-grade frontend interfaces with a focus on high-quality design systems and unique aesthetics.

TheGP Design System

Builds and migrates React user interfaces using TheGP's internal design system and Tailwind v4 integration.

Peter Lindbergh Style Photography

Generates raw, authentic black and white images in the iconic, unretouched style of photographer Peter Lindbergh.

Gemini Image Editor

Edits and transforms existing images using natural language prompts powered by Google's Gemini 3 Pro model via fal.ai.

David LaChapelle Style Photography

Generates hyper-saturated, surreal pop art imagery inspired by the iconic theatrical photography of David LaChapelle.

Mario Testino Photography Style

Generates high-fashion, glamorous images with vibrant colors and luxurious sensuality in the iconic style of Mario Testino.

Von Unwerth Style Photographer

Generates high-energy, vintage-inspired fashion photography following the iconic playful and feminine aesthetic of Ellen von Unwerth.

Web Design Guidelines Auditor

Reviews UI code for compliance with professional web interface standards, accessibility, and UX best practices.

Vercel Web Interface Guidelines

Reviews and optimizes frontend code for accessibility, performance, and UX based on Vercel's industry-leading best practices.

Vercel React Best Practices

Optimizes React and Next.js applications using performance guidelines and implementation patterns from Vercel Engineering.

UI Interface Guardrails

Enforces opinionated frontend constraints and accessibility standards for building high-quality, performant user interfaces.

Gemini Image Generation

Generates and edits high-resolution images using the Google Gemini API directly within your development workflow.

React Performance Best Practices

Optimizes React and Next.js applications using Vercel Engineering guidelines to ensure high-performance code and efficient bundle sizes.

Corporate Brand Guidelines

Applies consistent corporate branding, visual styling, and professional messaging to all generated documents and presentations.

Web Interface Guidelines Reviewer

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

UI/UX Pro Max

Generates professional design systems, accessibility-compliant layouts, and multi-stack frontend implementations with deep design intelligence.

UI/UX Pro Max

Enhances UI/UX design and development with an extensive library of styles, color palettes, and implementation guidelines across nine technology stacks.

UI/UX Pro Max

Designs and implements production-grade, accessible user interfaces using a database of 50+ styles and 97 color palettes.

Scientific Schematics & Diagrams

Generates publication-quality scientific diagrams and architectural schematics using smart iterative AI refinement.

Standard UI Component Builder

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

UI/UX Pro Max

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

UI/UX Pro Max

Provides specialized UI/UX design intelligence, accessibility guidelines, and multi-stack implementation patterns for high-quality frontend development.

Creative Frontend Design & UX

Transforms basic code into visually stunning, high-impact user interfaces using bold aesthetic principles and advanced spatial layouts.

Frontend Design Engine

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