Design Tools Claudeスキル

EVOLEA Brand Image Generator

Generates brand-consistent illustrations using reinforcement learning to evolve visual styles based on user feedback.

Dynamic Table Filter Builder

Generates standardized table filters with advanced query logic, model searching, and visual grouping for frontend applications.

Frontend Design Pro

Creates distinctive, production-grade frontend interfaces with high design quality by extracting guidelines from references or applying creative design thinking.

UI/UX Pro Max

Generates professional, high-fidelity UI/UX designs and code implementations using a vast searchable database of design systems, styles, and best practices.

Minimalist Portfolio Design

Generates clean, typography-focused portfolio websites using neo-brutalist and Swiss design principles.

UX Design Principles

Applies cognitive psychology and user experience principles to guide product design decisions and interface architecture.

UI Design System Toolkit

Generates consistent, accessible, and scalable user interface frameworks using design tokens and component patterns.

Slack GIF Creator

Generates optimized animated GIFs for Slack emojis and messages using PIL primitives and advanced animation concepts.

Component Slots for UI Targeting

Implements standardized data-slot attributes within components to enable precise CSS targeting and automated developer documentation.

Moai Vector Icon Ecosystem Guide

Provides comprehensive implementation patterns and decision trees for selecting and integrating over 200,000 vector icons across 10+ major libraries.

Frontend Design

Creates distinctive, production-grade frontend interfaces with exceptional design quality and creative intentionality.

React Development & Best Practices

Enforces modern React patterns and performance optimizations while minimizing unnecessary Effects and redundant state.

Shadcn/UI Component Manager

Streamlines the discovery, installation, and management of shadcn/ui components within React and Next.js projects.

Next.js Architecture Pro

Architects high-performance Next.js applications using modern App Router patterns and optimized data fetching strategies.

React Performance Architect

Optimizes React and Next.js applications using 47 performance-focused rules to eliminate waterfalls, reduce bundle sizes, and improve rendering efficiency.

Frontend Design

Generates high-fidelity, production-grade frontend interfaces that break away from generic AI-generated design patterns.

Sigil: Mapping Zones

Maps codebase directories to specific design physics zones to ensure consistent visual governance and agent-driven development.

Tailwind CSS v4 Expert

Streamlines development and migration workflows for Tailwind CSS v4 by managing configuration updates and utility deprecations.

Boardkit Canvas Input Model

Manages interactive canvas behaviors including navigation, selection logic, and keyboard shortcuts for design-oriented applications.

Experience Designer

Transforms product requirements into comprehensive interaction specifications, covering every user flow, state transition, and edge case.

Anthropic Brand Design Guidelines

Applies Anthropic's official brand colors and typography to artifacts to ensure visual consistency and professional styling.

Visual Design Architect

Generates sophisticated visual art and design philosophies through high-fidelity PDF and PNG outputs.

Theme Factory

Styles artifacts like slides, documents, and landing pages using professional preset themes or custom color and font pairings.

VKC i18n and UI Safety

Ensures translation consistency across Korean, English, and Vietnamese while preventing UI layout breakage caused by long localized text.

Frontend Design Pro

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

Canvas Design

Generates professional visual art and sophisticated design assets using custom-crafted aesthetic philosophies.

Algorithmic Art

Generates museum-quality generative art and p5.js sketches based on original computational philosophies.

Anthropic Brand Guidelines

Applies Anthropic's official brand colors, typography, and visual standards to digital artifacts and UI components.

Advanced Web Artifacts Builder

Creates sophisticated, multi-component React artifacts for Claude.ai using modern frontend frameworks and shadcn/ui.

Slack GIF Creator

Generates and optimizes animated GIFs and custom emojis specifically tailored for Slack's file size and dimension constraints.