Design Tools Claude 스킬

LP Design Style Cloner

Generates landing page images that maintain a specific design style while allowing for text-only modifications via JSON specifications.

Diagram & Infographic Illustrator

Generates professional infographics, flowcharts, and technical illustrations optimized for books, blogs, and social media.

Consistent Character Creator

Produces consistent marketing materials and character variations by analyzing and reproducing existing character designs.

NanoBanana Pro Prompt Engineer

Generates optimized, high-fidelity prompts for Google Gemini NanoBanana image creation and advanced visual editing.

Design System Compliance Checker

Audits frontend code for design system violations, WCAG 2.2 accessibility compliance, and W3C design token standards.

Frontend Architecture Patterns

Implements industry-standard architectural patterns and best practices for modern frontend frameworks including React, Vue, Svelte, and Angular.

Template Frontend Architect

Implements type-safe frontend components and state management patterns using React, TanStack Query, and Zustand within a monorepo architecture.

Typography & Text Effects

Enhances web interfaces with responsive typography, animated headers, and interactive text micro-animations.

Sandhya Frontend Designer

Creates distinctive, research-backed frontend interfaces with a focus on high-quality UI/UX craft and aesthetic excellence.

Notification UI Components

Implements interactive notification systems featuring bell icons, unread badges, and polished dropdown panels.

UI/UX Pro Max

Provides comprehensive design intelligence to plan, build, and optimize high-fidelity, aesthetic frontend interfaces across multiple frameworks.

Changelog Infographic

Transforms structured changelog summaries into professional, shareable infographic PNG images for visual version updates.

Admin CRUD Generator

Generates full-featured admin dashboard interfaces with data tables, forms, and bulk action capabilities.

BIM Verdi UI Design System

Generates high-fidelity WordPress frontend components and pages following the specific BIM Verdi enterprise-calm design system.

React Component Patterns

Implements standardized React component patterns and hooks to build maintainable, reusable, and scalable frontend architectures.

Frontend Engineer

Builds production-ready React interfaces and state-driven components based on design specifications and API contracts.

Web Design Guidelines Auditor

Audits frontend code for compliance with professional web interface guidelines and accessibility standards.

Corporate Brand Identity & Style Guide

Standardizes document formatting, visual styling, and professional messaging across PowerPoint, Excel, and PDF files.

Frontend Design

Generates distinctive, production-grade frontend interfaces that avoid generic AI aesthetics through bold design choices and high-quality implementation.

Web Design Guidelines Auditor

Audits frontend code against Vercel's Web Interface Guidelines to ensure high-quality UI, UX, and accessibility standards.

Web Interface Guidelines Auditor

Audits frontend code for compliance with Vercel's Web Interface Guidelines and accessibility best practices.

Web Interface Design Guidelines Reviewer

Audits user interface code for compliance with professional web design, UX, and accessibility standards.

Dify React Component Refactorer

Refactors high-complexity React components into maintainable, modular units using automated complexity analysis and standardized design patterns.

SDD Design Orchestrator

Coordinates specialized design skills to create comprehensive, conflict-free software design documents.

Frontend Design Expert

Generates distinctive, production-grade frontend interfaces with a focus on high-quality aesthetics and creative design choices.

Frontend Design Auditor

Identifies UX inconsistencies, accessibility gaps, and visual bugs in web interfaces to provide prioritized reports and actionable CSS fixes.

Frontend Design

Creates distinctive, production-grade frontend interfaces with high design quality and custom aesthetics to avoid generic AI-generated looks.

Project Logo Author

Generates professional, production-ready project logos with automated transparency and multi-style support.

UI/UX Pro Max

Generates professional, high-fidelity UI/UX designs and implementation patterns across multiple web and mobile frameworks.

Experience Designer

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