Design Tools Claude 技能

Web Accessibility Assistant

Implements WCAG-compliant accessibility patterns including semantic HTML, ARIA attributes, and focus management for web applications.

Tailwind Patterns

Provides instant access to Tailwind CSS utility patterns, responsive layouts, and configuration best practices for faster frontend development.

UI/UX Design Systems

Standardizes frontend interfaces using a robust design system of spacing scales, semantic tokens, and accessibility patterns.

Frontend React Architecture Ref

Standardizes React application development using a modern tech stack featuring TanStack Router, Panda CSS, and ConnectRPC.

UI/UX Pro Max

Generates comprehensive design systems, color palettes, and typography pairings backed by professional UX intelligence and accessibility standards.

Gesso Theme Upgrader

Automates the migration and upgrade process for Gesso-based design systems and themes to the next release.

Next.js Component Architect

Generates standardized, production-ready Next.js UI components with integrated Storybook support, CSS Modules, and Figma design synchronization.

Gesso Upgrade Planner

Generates comprehensive migration plans for updating Gesso design system themes to their next upstream release.

Frontend Design

Generates distinctive, production-grade frontend interfaces and high-quality UI components that avoid generic AI aesthetics.

Algorithmic Art Generator

Generates sophisticated, p5.js-based generative art through computational philosophies and interactive parameter exploration.

Frontend Design Pro

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

Web Artifacts Builder

Builds complex, multi-component React artifacts for Claude.ai using modern frontend technologies and shadcn/ui.

Svelte UI Animator

Implements performant, purposeful UI animations for Svelte and SvelteKit applications using Tailwind CSS.

Elite PowerPoint Designer

Transforms markdown and text into world-class PowerPoint presentations using professional design systems, sophisticated animations, and brand-level consistency.

UI/UX Designer

Builds high-quality, accessible web interfaces and design systems using modern frontend best practices and pre-configured templates.

React Component Quality Expert

Enforces high-quality React development through single-responsibility components, loose coupling, and standardized English documentation.

Anthropic Brand Guidelines

Applies Anthropic's official visual identity, colors, and typography to presentations and design artifacts.

Canvas Visual Art & Design

Generates sophisticated visual art and design philosophies through a multi-step process focused on expert craftsmanship.

Slack GIF Creator

Generates and optimizes custom animated GIFs and emojis tailored specifically for Slack requirements.

Theme Factory

Applies professional color palettes and typography pairings to documents, slides, and web artifacts.

Nano Banana Image Generator

Generates, edits, and composes professional-grade images using Google's Gemini 3 Pro Image model directly within your terminal workflow.

Balkan Family Tree JS Assistant

Implements and manages interactive family tree visualizations and organizational charts using Balkan Family Tree JS libraries.

Peninsula School District Brand Guidelines

Applies Peninsula School District official brand colors, typography, and logos to digital artifacts, code, and documents.

Presentation Master

Generates world-class presentations by applying industry-leading design principles and narrative structures through a guided, multi-phase workflow.

React Best Practices & Architecture

Applies modern React design patterns and architectural best practices to improve code quality, performance, and maintainability.

Sr Cardoso Frontend

Manages React-based PWA frontend development for booking systems and administrative dashboards with a mobile-first focus.

Lumina Interactive Menu Creator

Generates polished, accessible UI menus and overlays with built-in animations and UX best practices.

Fabric Art Prompt Engineer

Generates high-fidelity, descriptive AI art prompts with precise style guidance and visual conceptualization.

Frontend Design

Generates distinctive, production-grade frontend interfaces that avoid generic AI aesthetics through bold design choices and meticulous detail.

Connecting Widget Pipelines

Facilitates communication between StickerNest widgets by defining typed ports and configuring data flow pipelines.