Design Tools Claude 스킬

Generates distinctive, production-grade frontend interfaces that prioritize high-end aesthetics and avoid generic AI-generated design patterns.

Frontend Design & Aesthetics

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

Shadcn UI Manager

Streamlines the discovery, installation, and implementation of shadcn/ui components within your project using automated MCP tools.

Applying Brand Guidelines

Enforces consistent corporate branding and visual identity across all generated documents and professional communication materials.

Frontend Design Specialist

Generates distinctive, production-grade frontend interfaces with high design quality and unique aesthetic directions.

Visual Design & Art Canvas

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

Corporate Brand Guidelines Stylist

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

Canvas Design & Visual Philosophy

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

Frontend Design Specialist

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

AI Icon Finder

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

Frontend Design Pro

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

UI Designer

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

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.

Artistic Canvas & Design Philosophy

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

Web Asset Generator

102

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

UI/UX Pro Max

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

UI/UX Pro Max

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

Web Design Guidelines Auditor

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

Advanced React Artifacts Builder

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

Frontend UI Animator

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

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.

Web Interface Guidelines Reviewer

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

Frontend UI Integration

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

Shadcn UI Management