Design Tools Claude 스킬

Senior Frontend Implementation Agent

Builds production-ready, accessible user interfaces from design specifications and API contracts using Next.js and Tailwind CSS.

fal.ai Image Generator

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

UX/UI Designer Lite

Generates focused design briefs and essential UI patterns to accelerate MVP and prototype development workflows.

Responsive Design Tester

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

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.

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.

Mermaid Expert

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

Mockup Iteration Manager

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

Textual TUI Builder

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

Frontend Design

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

Shadowrun UI Aesthetic

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

Anima Design & Build

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

Tailwind Widget Builder for ChatGPT Apps

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

Bootstrap 5 Overview

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

Anima Design & Build

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

Hotwire & Turbo Rails Patterns

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

Bootstrap Helpers

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

Image Insight

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

Wireframe Design & Information Architecture

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

Frontend Web Development Expert

Orchestrates advanced frontend architecture, UI/UX implementation, and performance optimization for modern web applications.

Frontend Design

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

Frontend Design

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

Frontend Design Pro

Creates high-end, production-ready frontend interfaces with curated visuals and premium typography.

Bootstrap Content & Typography

Provides comprehensive guidance and code patterns for styling typography, images, tables, and core content elements using Bootstrap 5.3.

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.

Frontend Development Standards

Enforces modern React and TypeScript best practices for building high-performance web applications using TanStack and MUI v7.