Design Tools Agent Skills

Gluestack UI Theming

Implements comprehensive design systems and theming configurations for gluestack-ui and NativeWind projects.

Tailwind Component Architect

Builds reusable, maintainable, and type-safe UI components using Tailwind CSS and modern design patterns.

Bubbletea TUI Documentation

Accesses Bubbletea TUI framework documentation and Go implementation examples for building interactive terminal interfaces.

Responsive Design Patterns

Implements modern responsive UI patterns using container queries, fluid typography, and mobile-first strategies for React applications.

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.

Tailwind v4 & Shadcn/ui Architect

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

Motion Animation

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

ASCII Progress & Spinner

Generates professional ASCII progress bars and loading spinners optimized for both interactive terminal sessions and non-interactive logs.

ASCII Image Art Generator

Converts local images into customizable ASCII art for terminal previews and plain-text documentation.

CLI ASCII Logo Generator

Generates professional ASCII art banners and high-fidelity terminal logos with 24-bit ANSI color gradients.

Corporate Brand Styling

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

Frontend Design Specialist

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

React Modernization

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

Frontend Design

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

Frontend Design Pro

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

Corporate Brand Identity Manager

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

Frontend Design

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

Artifacts Builder

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

Tailwind CSS Design System

Builds scalable, production-grade design systems and component libraries using Tailwind CSS and modern UI patterns.

shadcn/ui Design & Implementation

Simplifies the integration and customization of accessible shadcn/ui components within React and Next.js applications.

React Development Patterns

Implements production-grade React 19 architecture using expert patterns for Server Components, state management, and performance.

Big Tech UI Pro

Generates production-ready frontend interfaces inspired by world-class design systems like Stripe, Vercel, and Apple.

UI/UX Pro Max - Design Intelligence

Provides comprehensive UI/UX guidance, automated design systems, and implementation patterns for modern web and mobile applications.

Tailwind CSS Design Patterns

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

Pixel-Perfect UI Implementation

Automates the translation of Figma designs into high-fidelity, production-ready frontend code using a closed-loop refinement process.

Web Design Guidelines Reviewer

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

Myfy Frontend Module

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

UI Styling & shadcn/ui Components

Creates beautiful, accessible, and responsive user interfaces using shadcn/ui, Tailwind CSS, and sophisticated visual design systems.

Corporate Brand Guidelines Stylist

Applies consistent corporate branding, visual styling, and professional messaging to all generated documents and reports.