Design Tools Claude 스킬

Frontend Design & Aesthetics

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

Design System Generator

Generates comprehensive visual design systems, style guides, and AI-powered brand assets through a guided discovery process.

Nano Banana AI Image Studio

Generates and edits high-resolution images using Google Gemini models directly within your development workflow.

Artistic Canvas & Design Philosophy

Transforms abstract concepts into meticulously crafted design philosophies and high-fidelity visual art in PDF and PNG formats.

Corporate Brand Guidelines Stylist

Applies consistent corporate branding, typography, and visual standards to all generated documents and communications.

UI Designer

Extracts design systems from reference images and generates implementation-ready UI code for React applications.

AI Icon Finder

Sources and downloads high-quality brand icons for AI models and providers directly within Claude Code.

Canvas Design & Visual Philosophy

Generates museum-quality visual art and design philosophies through a meticulous, craft-oriented multi-step workflow.

Visual Design & Art Canvas

Generates museum-quality visual art and sophisticated design philosophies through a two-step conceptualization and execution process.

Frontend Design Specialist

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

Frontend Design Pro

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

Shadcn UI Manager

Streamlines the discovery, installation, and management of shadcn/ui components using specialized MCP tools.

Advanced React Artifacts Builder

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

Visual Style Manager

Creates, extracts, and applies portable visual design systems across video, web, and design platforms using the visual-style.md format.

Visualize

Transforms ideas, data, and URLs into beautiful, self-contained HTML visualizations with a single prompt.

Brand Compliance Validator

Ensures brand consistency by validating visual identity, verbal tone, legal requirements, and accessibility standards across project assets.

Web Asset Generator

Generates production-ready favicons, PWA app icons, and Open Graph social media images from logos, text, or emojis.

UI/UX Pro Max

Empowers Claude to design and implement professional, accessible, and high-performance user interfaces across eight web and mobile frameworks.

Shadcn UI Management

Streamlines the integration and management of shadcn/ui components through automated searching, code previews, and installation workflows.

Web Design Guidelines Auditor

Audits frontend code for compliance with industry-standard web interface guidelines and accessibility best practices.

Frontend UI Animator

Implements purposeful, high-performance UI animations for Next.js and Tailwind CSS projects to enhance engagement and user experience.

Frontend UI Integration

Implements user-facing workflows and integrates existing backend APIs into React-based web applications while adhering to strict design systems.

Advanced React Artifacts Builder

Builds complex, multi-component Claude.ai HTML artifacts using a professional React, Tailwind CSS, and shadcn/ui development stack.

Web Interface Guidelines Reviewer

Audits UI code for compliance with professional web interface guidelines, accessibility standards, and UX best practices.

UI/UX Pro Max

Empowers Claude with a searchable database of professional UI styles, color palettes, font pairings, and stack-specific design guidelines.

Frontend Design

Creates distinctive, production-grade frontend interfaces with high design quality and intentional aesthetic direction.

Artifacts Builder

Generates complex, production-ready React and shadcn/ui web interfaces bundled into single-file Claude artifacts.

Senior Frontend Engineer

Architects, optimizes, and scales production-ready React and Next.js applications using industry-leading patterns and automation tools.

Design Auditor

Audits UI/UX designs for quality, accessibility compliance, and AI-generated patterns while validating design system adherence.

Modern Minimal UI/UX Guide

Provides expert UI/UX guidance and automated design reviews based on modern minimal principles and task-first user experiences.