Design Tools Claude 스킬

Web Interface Guidelines Auditor

Reviews web interface code for accessibility, UX, and design system compliance using the latest industry guidelines.

Slint GUI Expert

Builds high-performance, native cross-platform user interfaces using the Slint UI toolkit and Rust integration.

UI/UX Pro Max

Empowers frontend development with expert design intelligence, offering a vast library of UI styles, color palettes, and stack-specific best practices for professional interfaces.

Anthropic Brand Styling

Applies official Anthropic brand colors, typography, and visual standards to generated artifacts and documents.

Mermaid Expert

Generates and refines professional Mermaid.js diagrams to visualize complex workflows, architectures, and system designs directly within your documentation.

Next.js App Router UI Specialist

Optimizes and maintains consistent user interfaces within Next.js App Router projects using Tailwind CSS.

Textual TUI Builder

Builds sophisticated, reactive Terminal User Interfaces (TUI) using the Textual Python framework.

Mockup Iteration Manager

Orchestrates systematic UI mockup iterations with version control, decision logging, and automated visual validation.

fal.ai Image Generator

Generates production-quality images, logos, and illustrations using state-of-the-art fal.ai models directly from your development environment.

Shadowrun UI Aesthetic

Applies distinctive cyberpunk visual language and production-grade UI patterns for Shadowrun-themed applications.

Responsive Design Tester

Audits web pages across multiple device viewports to ensure layout integrity, accessibility compliance, and responsive performance.

Penpot Design & UI Kit

Design, manipulate, and export Penpot UI components and layouts directly within Claude Code.

Next.js 16 & React 19 Development

Guides developers through building modern web applications using Next.js 16, React 19, and the App Router architecture with a focus on type safety and performance.

Frontend Design

Creates distinctive, production-grade frontend interfaces with a focus on high design quality and unique aesthetic directions.

Bootstrap 5 Overview

Provides comprehensive setup guidance and foundational expertise for building responsive websites with Bootstrap 5.3.

Tailwind Widget Builder for ChatGPT Apps

Accelerates the creation of responsive, Tailwind CSS-powered inline widgets for ChatGPT applications using pre-built UI patterns.

Image Insight

Analyzes visual media to generate detailed JSON profiles for style extraction and AI image recreation.

Anima Design & Build

Transforms prompts, Figma designs, and website URLs into production-ready, full-stack applications with built-in hosting and databases.

Wireframe Design & Information Architecture

Generates structured low and high-fidelity wireframes to visualize UI layouts and information hierarchy effectively.

Anima Design & Build

Transforms natural language prompts, live websites, or Figma designs into production-ready full-stack applications and UI components.

Frontend Design

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

Bootstrap Helpers

Provides comprehensive implementation guidance for Bootstrap 5.3 helper classes to solve common layout, styling, and accessibility challenges.

Frontend Design

Generates distinctive, production-grade web interfaces and UI components that avoid generic AI design patterns through intentional aesthetic choices.

Hotwire & Turbo Rails Patterns

Implements modern, reactive Rails interfaces using Turbo Drive, Frames, Streams, and Stimulus controllers.

Slack GIF Creator

Generates and optimizes custom animated GIFs for Slack using PIL primitives, easing functions, and built-in validation tools.

Web Artifacts Builder

Constructs complex, multi-component React applications bundled into single-file HTML artifacts for interactive use within Claude conversations.

Theme Factory

Applies professional color palettes and font pairings to digital artifacts like slide decks, documents, and landing pages to ensure a consistent and polished visual identity.

Algorithmic Art

Generates sophisticated generative art using p5.js with a focus on computational philosophy and interactive parameter exploration.

Bluewaves Brand System

Standardizes visual identity across web, documents, and presentations with a curated set of design tokens and assets for the Bluewaves brand.

Decathlon Brand System

Implements the official Decathlon brand identity through design tokens, typography, and assets for automated document and UI generation.