Design Tools Claude 스킬

Vuer UIKit Mastery

Builds sophisticated 3D-oriented user interfaces and control panels using the Vuer UIKit React component library.

Latest React (v19+ & Compiler)

Implements React 19 features and React Compiler patterns to build high-performance, modern web applications.

Design Masters

Provides expert design guidance and systematic workflows based on the principles of legendary designers like Dieter Rams and Saul Bass.

React 19+ Design Patterns

Implements modern React 19 patterns with TypeScript to ensure type safety, performance, and maintainable component architectures.

Web Interface Design

Applies professional UI/UX principles to create clean, accessible, and high-conversion web interfaces through systematic design patterns.

Cloodle Chatbot Widget

Builds and styles embeddable chatbot interfaces that integrate seamlessly with the Cloodle design system.

Canvas Design Artistry

Generates museum-grade visual art and design philosophies through a two-step process of conceptualization and high-fidelity rendering.

Web Accessibility Expert (a11y)

Implements WCAG standards and semantic HTML to create inclusive, production-grade web experiences.

Frontend Design Standards

Enforces production-grade UI standards for React and TypeScript to prevent generic AI aesthetics while ensuring accessibility and theme compliance.

StudioJinsei Nanobanana Visuals

Generates high-quality brand assets and character illustrations using the Google Gemini API.

Tailwind Patterns

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

Anthropic Web Frontend Designer

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

Professional UI Design Standards

Enforces high-end UI design standards, semantic HTML, and accessibility-compliant CSS for modern web applications.

Web Accessibility Patterns

Implements WCAG 2.1 AA compliant accessibility patterns and semantic HTML structures for React applications.

Svelte UI Animator

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

Web React & Apollo Patterns

Enforces best practices for vanilla React development and Apollo Client state management to ensure clean, maintainable code.

Vanilla Web CSS & Design Tokens

Implements scalable vanilla CSS architectures using native design tokens, BEM naming conventions, and mobile-first responsive patterns.

TanStack Form Manager

Simplifies headless, type-safe form state management and validation across all major frontend frameworks.

Frontend Implementation Patterns

Standardizes modern React development by providing production-ready patterns for components, hooks, and state management.

Elite PowerPoint Designer

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

SCSS Pattern Discovery

Analyzes existing SCSS and CSS codebases to identify variables, mixins, and utility classes for consistent styling.

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.

UI/UX Pro Max

Provides professional design intelligence and automated UI/UX workflows to build accessible, high-performance interfaces across nine major tech stacks.

HTML Presentation Generator

Generates professional, single-file HTML presentations with strict design standards and built-in data visualization components.

Art & Visual Systems

Generates technical diagrams, editorial illustrations, and comic panels using a distinctive Excalidraw-style hand-drawn aesthetic.

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.

Tamagui Universal UI

Simplifies cross-platform UI development by providing a high-performance styling system and component library for React and React Native.

Lumina Interactive Menu Creator

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