Design Tools Claude 技能

Apple HIG Design Foundations

Ensures Apple application development adheres to Human Interface Guidelines (HIG) design principles and best practices.

React State Management Master

Implements and optimizes modern React state management patterns using Redux Toolkit, Zustand, Jotai, and React Query.

Vercel React Best Practices

Optimizes React and Next.js performance using 69 high-impact rules curated by Vercel Engineering.

Avalonia UI Zafiro Layout Expert

Optimizes Avalonia UI development using Zafiro conventions to create clean, maintainable, and semantic layouts.

Brandfetch Automation

Automates the retrieval and management of brand assets and company data using the Brandfetch API via Rube MCP.

Frontend CSS

Enforces standardized coding practices and implementation patterns for frontend styling to ensure consistent and maintainable CSS.

Frontend Responsive

Implements responsive design patterns and mobile-first layouts according to established frontend coding standards.

Frontend Accessibility

Ensures user interfaces meet established accessibility standards through guided coding practices and inclusive design patterns.

Frontend Components

Enforces standardized coding patterns and implementation guidelines for building consistent, high-quality frontend components.

AI Draw.io Diagram Generator

Generates professional draw.io flowcharts and architecture diagrams from natural language with instant browser previews.

Shadcn/UI Design System

Streamlines the implementation of accessible, high-quality React components using shadcn/ui, Radix UI, and Tailwind CSS.

Tailwind CSS Styling Patterns

Streamlines frontend development using utility-first CSS patterns for responsive, high-performance web interfaces.

Frontend Development Patterns

Implements modern React and Next.js architectural patterns to build performant, maintainable, and scalable user interfaces.

PPT Korean Design System

Generates professional, business-grade Korean PowerPoint presentations using PptxGenJS with native element mapping and standardized typography.

Design Systems & Aesthetics

Generates distinctive, bold visual directions for web interfaces while avoiding generic AI-generated design patterns.

WordPress Site Specification Generator

Transforms simple user descriptions and brand assets into comprehensive technical specifications for WordPress theme creation.

Brand.yml Identity Manager

Standardizes brand identity across Shiny applications and Quarto documents using a unified YAML configuration.

Professional UI Constraints

Enforces opinionated, high-performance, and accessible UI development patterns for frontend agents.

Imagine: AI Image Prompt Architect

Generates professional, high-fidelity prompts for Google Imagen 3/4 using technical photography specifications and extensible art style frameworks.

I18n & Localization Specialist

Implements robust multi-language support, localized formatting, and RTL layouts using modern frameworks like next-intl and react-i18next.

TouchDesigner Guide

Streamlines TouchDesigner network development by providing standardized patterns for operator creation, data conversion, and GLSL shading.

Accessibility Compliance for Media

Implements WCAG 2.1 AA standards for journalism, academic publishing, and web-based media interfaces.

Zero-Build Frontend Development

Facilitates the creation of production-quality web applications using CDN-loaded React, Tailwind CSS, and vanilla JavaScript without build tools or bundlers.

Professional PDF Design & Reporting

Generates and iterates on professional-grade PDF reports and funding proposals using HTML/CSS templates and live previews.

Document Design & PDF Publishing

Creates professional, print-ready HTML documents and PDFs with customizable branding and typography.

Nano Banana

Generates high-quality AI images and executes specialized Python scripts using inline dependency management and Gemini models.

Frontend Design

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

Theme Factory

Applies professional color palettes and font pairings to digital artifacts like presentations, documents, and landing pages.

Professional UI Design & Polish

Enforces opinionated constraints and best practices for building accessible, high-performance, and visually consistent user interfaces.

Nano Banana Prompting

Crafts optimized image generation prompts for Nano Banana Pro using structured techniques and visual reference analysis.