Design Tools Claude 스킬

UI Styling

Builds high-quality, accessible user interfaces using shadcn/ui components, Tailwind CSS utilities, and sophisticated visual design principles.

Frontend CSS

Implements maintainable and consistent styling using modern CSS methodologies, design tokens, and framework-specific patterns.

Frontend Responsive

Builds adaptive, mobile-first user interfaces that scale gracefully across all device screen sizes using modern CSS techniques.

Technical Image Generation

Generates high-impact conceptual cover images and technical diagrams for documentation and blog posts using specialized prompt engineering.

DSFR Components

Generates accessible web interfaces and components compliant with the French Government Design System (DSFR).

Cabinet Configurator

Streamlines the development of 2D/3D furniture configurators by providing architectural patterns for panel systems, drawer logic, and Three.js visualization.

Nano Banana JSON Prompting

Transforms natural language into structured JSON schemas for precise and reproducible image generation control in Nano Banana Pro.

Chrome Extension UI Patterns

Provides standardized UI patterns and boilerplate code for building accessible, responsive Chrome Extension interfaces.

Advanced React Artifacts Builder

Architects sophisticated, multi-component Claude.ai HTML artifacts using React, Tailwind CSS, and shadcn/ui components.

Frontend Design

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

Slack GIF Creator

Generates animated GIFs and custom emojis optimized for Slack's specific file size and dimension constraints.

daisyUI Framework Guide

Streamlines the creation of responsive, themeable user interfaces using daisyUI component classes and Tailwind CSS.

Shadcn UI Stylist

Applies shadcn/ui components to React projects while ensuring seamless integration with custom CSS variables and project-specific theme configurations.

Tailwind and shadcn/ui Setup

Configures Tailwind CSS and shadcn/ui for React frontends with Django backends, including integrated dark mode support and theme tokens.

UI Design Expert

Provides expert UI/UX design guidance based on Shift Nudge principles to build, evaluate, and refine accessible, high-quality user interfaces.

Bubbletea TUI Development

Builds sophisticated terminal user interfaces using the Go Bubbletea framework and Lipgloss styling with production-ready patterns.

Canvas Design

Generates sophisticated, museum-quality visual art and design philosophies through meticulous craftsmanship and spatial communication.

Canvas Design

Generates museum-quality visual art and design assets through a structured philosophical framework.

Canvas Design

Generates museum-quality visual art and graphic designs by synthesizing original design philosophies into meticulously crafted static documents.

Svelte UI Animator

Implements performant, purposeful UI animations for Svelte and SvelteKit applications using Tailwind CSS.

UI Creator

Builds and optimizes production-ready user interfaces using visual design principles, modern framework patterns, and automated accessibility evaluations.

UX Creator

Translates complex requirements into intuitive user experiences through journey mapping, information architecture, and rigorous heuristic evaluations.

Frontend Design Assistant

Creates distinctive, high-quality web interfaces while teaching frontend design principles and avoiding generic AI-generated aesthetics.

UI/UX Designer

Designs and implements accessible, responsive user interfaces for Next.js applications using a specific brand design system and Tailwind CSS.

UI Styling

Builds beautiful, accessible user interfaces using shadcn/ui, Tailwind CSS, and refined visual design systems.

iA Presenter Themes

Creates, modifies, and troubleshoots custom visual themes for iA Presenter using CSS and JSON configurations.

Gemini Image Generation

Generates high-quality visual assets, UI mockups, and placeholder images directly through the Google Gemini API.

Frontend Design

Streamlines UI development by providing standardized design system tokens, responsive layout patterns, and production-grade component blueprints.

Ink CLI UI Design

Guides the design and implementation of sophisticated terminal user interfaces using Ink.js and React.

Gemini Image Generation

Generates and edits high-resolution images using the Gemini API with support for style transfers, text-to-image prompts, and multi-turn refinement.