Design Tools Claude 技能

Frontend Design

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

Algorithmic Art

Generates museum-quality generative art and p5.js sketches based on original computational philosophies.

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.

Canvas Design

Generates professional visual art and sophisticated design assets using custom-crafted aesthetic philosophies.

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.

Frontend Design Pro

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

Web Interface Guidelines Reviewer

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

VKC i18n and UI Safety

Ensures translation consistency across Korean, English, and Vietnamese while preventing UI layout breakage caused by long localized text.

Theme Factory

Styles artifacts like slides, documents, and landing pages using professional preset themes or custom color and font pairings.

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.

Visual Design Architect

Generates sophisticated visual art and design philosophies through high-fidelity PDF and PNG outputs.

Anthropic Brand Design Guidelines

Applies Anthropic's official brand colors and typography to artifacts to ensure visual consistency and professional styling.

Scientific Schematics & Diagrams

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

Experience Designer

Transforms product requirements into comprehensive interaction specifications, covering every user flow, state transition, and edge case.

Boardkit Canvas Input Model

Manages interactive canvas behaviors including navigation, selection logic, and keyboard shortcuts for design-oriented applications.

Tailwind CSS v4 Expert

Streamlines development and migration workflows for Tailwind CSS v4 by managing configuration updates and utility deprecations.

Standard UI Component Builder

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