Design Tools Agent Skills

Tailwind v4 & Shadcn/ui Architect

91

Implements high-performance Tailwind v4 and shadcn/ui production stacks using advanced CSS variable architecture.

AutoAnimate Assistant

91

Implements zero-config animations and prevents common UI transition errors across modern web frameworks like React and Vue.

Motion Animation

91

Creates sophisticated, hardware-accelerated React animations and gestures using the Motion library.

React Modernization

89

Upgrades legacy React applications to modern standards using Hooks, concurrent features, and automated codemods.

Corporate Brand Styling

89

Enforces consistent corporate branding, visual identity, and messaging across all generated documents and communications.

Frontend Design

89

Creates distinctive, production-grade frontend interfaces that prioritize high-quality aesthetics and unique design directions.

Frontend Design Specialist

89

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

Frontend Design

89

Generates distinctive, production-grade frontend interfaces with high-quality design aesthetics that move beyond generic AI-generated styles.

Artifacts Builder

89

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

Corporate Brand Identity Manager

89

Standardizes generated documents with consistent corporate branding, including visual styles, typography, and professional messaging.

Frontend Design Pro

89

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

Web Design Guidelines Reviewer

84

Audits web interfaces and UI code for compliance with professional design systems, accessibility standards, and UX best practices.

Tailwind CSS Design Patterns

84

Implements production-grade frontend interfaces using standardized Tailwind CSS utility-first patterns and responsive design best practices.

Myfy Frontend Module

83

Streamlines building modern server-side rendered interfaces with Jinja2, Tailwind 4, DaisyUI 5, and Vite bundling.

Shadcn UI Manager

81

Streamlines the integration, installation, and management of shadcn/ui components for rapid frontend development.

Shadcn UI Component Manager

81

Streamlines the discovery, installation, and implementation of shadcn/ui components and complex frontend layouts using automated workflows.

React Modernization & Upgrade

81

Upgrades React applications by migrating class components to hooks, implementing concurrent features, and automating refactoring with codemods.

React Modernization Toolkit

81

Upgrades React applications by automating class-to-hooks migration, implementing React 18 concurrent features, and applying standardized codemods.

Shadcn UI Component Manager

81

Manages shadcn/ui components within Claude Code to accelerate frontend development and UI composition.

Shadcn UI Management

81

Streamlines the discovery, installation, and orchestration of shadcn/ui components for building modern web interfaces.

SEED Design System Doc Generator

81

Automates the creation of high-quality, standardized component documentation for the SEED Design System using Rootage YAML specs.

SEED Design System Documentation Generator

81

Generates standardized component guideline documentation for the SEED Design System using Rootage YAML specifications.

Seed Design Documentation Generator

81

Generates high-quality Korean component guidelines for the SEED Design System by extracting data from Rootage YAML specifications.

Canvas Design & Visual Arts

81

Generates professional-grade visual art and design philosophies through a systematic, craftsmanship-focused workflow.

Frontend Design Expert

81

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

Frontend Design Specialist

81

Generates high-fidelity, production-ready frontend interfaces with unique aesthetic identities that avoid generic AI-generated styles.

Shadcn UI Manager

81

Streamlines the discovery, installation, and implementation of shadcn/ui components using specialized MCP tools.

Slack GIF Creator

81

Generates and optimizes high-quality animated GIFs and custom emojis specifically tailored for Slack's unique technical constraints.

Frontend Design

81

Creates distinctive, production-grade frontend interfaces with high-end aesthetics that move beyond generic AI-generated styles.

Slack GIF Creator

81

Generates and optimizes animated GIFs and custom emoji for Slack with built-in validation for platform constraints.