Design Tools Agent Skills
Discover Agent Skills for design tools. Browse 46skills for Claude, ChatGPT & Codex.
UI Analyzer
Transforms UI design screenshots into production-ready React components with TypeScript and Tailwind CSS.
React Component Generator
Generates production-ready React components using TypeScript, Tailwind CSS, and Zustand state management following industry best practices.
AI Icon Finder
Sources and downloads high-quality brand icons for AI models and providers directly within Claude Code.
UI Designer
Extracts design systems from reference images and generates implementation-ready UI code for React applications.
Web Asset Generator
Generates production-ready favicons, PWA app icons, and Open Graph social media images from logos, text, or emojis.
Bubbletea TUI Documentation
Accesses Bubbletea TUI framework documentation and Go implementation examples for building interactive terminal interfaces.
Frontend Design
Generates production-grade, visually striking frontend interfaces that avoid generic AI aesthetics through intentional design thinking and bold creative choices.
AutoAnimate Assistant
Implements zero-config animations and prevents common UI transition errors across modern web frameworks like React and Vue.
Motion Animation
Creates sophisticated, hardware-accelerated React animations and gestures using the Motion library.
Tailwind v4 & Shadcn/ui Architect
Implements high-performance Tailwind v4 and shadcn/ui production stacks using advanced CSS variable architecture.
AI Image Generation & Editing
Generates and edits high-quality images and technical diagrams using state-of-the-art AI models like FLUX and Gemini via OpenRouter.
Modern UI Styling & Design
Builds beautiful, accessible user interfaces using shadcn/ui components, Tailwind CSS utility styling, and sophisticated visual design patterns.
Slack GIF Creator
Generates and optimizes animated GIFs and custom emojis specifically tailored for Slack's strict file size and dimension constraints.
Paper2Web: Academic Paper Transformation
Transforms academic research papers into interactive websites, professional presentation videos, and print-ready conference posters.
Frontend Design Pro
Creates distinctive, production-grade frontend interfaces that prioritize high design quality and unique aesthetics over generic AI patterns.
Slack GIF Creator
Generates and optimizes animated GIFs and custom emoji for Slack with built-in validation for platform constraints.
Canvas Design Artistry
Generates sophisticated visual philosophies and translates them into museum-quality posters, art pieces, and digital canvases.
Seed Design Documentation Generator
Generates high-quality Korean component guidelines for the SEED Design System by extracting data from Rootage YAML specifications.
Image Enhancer & Upscaler
Enhances image quality by intelligently upscaling resolution, sharpening edges, and removing compression artifacts for professional use.
Advanced UI Artifact Builder
Streamlines the creation of sophisticated, multi-component React artifacts for Claude.ai using modern frontend frameworks.
Artifacts Builder
Builds sophisticated, multi-component React artifacts for Claude.ai using shadcn/ui and modern frontend patterns.
Shadcn UI Management
Streamlines the discovery, installation, and orchestration of shadcn/ui components for building modern web interfaces.
Frontend Design
Generates distinctive, production-grade frontend interfaces with high-quality aesthetics that avoid generic AI-generated patterns.
Frontend Design
Creates distinctive, production-grade frontend interfaces with high-end aesthetics that move beyond generic AI-generated styles.
Shadcn UI Manager
Streamlines the integration, installation, and management of shadcn/ui components for rapid frontend development.
Slack GIF Creator
Generates and optimizes high-quality animated GIFs and custom emojis specifically tailored for Slack's unique technical constraints.
Shadcn UI Component Manager
Streamlines the discovery, installation, and implementation of shadcn/ui components and complex frontend layouts using automated workflows.
SEED Design System Documentation Generator
Generates standardized component guideline documentation for the SEED Design System using Rootage YAML specifications.
Image Enhancer
Enhances image and screenshot quality by improving resolution, sharpening edges, and removing compression artifacts for professional use.
Advanced React Artifacts Builder
Creates sophisticated, multi-component React artifacts for Claude.ai using modern frontend technologies like shadcn/ui and Tailwind CSS.
Scroll for more results...