Design Tools Agent Skills

Visual Research & Image Analysis

Conducts deep visual research by searching the web, extracting images, and analyzing them for UI patterns, colors, and typography.

Design Adventure

Explores complex design challenges through emergent dialogue between seven specialized AI personas.

Qino Art Visuals

Generates a cohesive 'Tron-meets-Excalidraw' visual aesthetic for diagrams, editorial illustrations, and technical content.

Python App Development Standards

Standardizes Python desktop application development using predefined brand colors, license management workflows, and consistent GUI patterns.

React Insight Development Standard

Standardizes React and Next.js development with specialized brand themes, API gateway patterns, and license management components.

Harmonic Insight Design System

Implements and enforces the Ivory & Gold design system across multi-platform applications to ensure brand consistency.

Frontend Design

Generates high-quality, distinctive frontend interfaces that prioritize intentional design and avoid generic AI-generated aesthetics.

Tailwind Design System Architect

Builds scalable, production-grade design systems using Tailwind CSS, design tokens, and robust component architecture patterns.

React 19 Patterns

Implements modern React 19 architecture including the React Compiler, Server Actions, and enhanced state management hooks.

Frontend Development & MudBlazor UI

Builds production-ready Blazor components and layouts adhering to the MudBlazor design system and project-specific conventions.

Accessibility Compliance & WCAG Standards

Implements WCAG 2.1/2.2 standards and POUR principles to create inclusive, legally compliant web interfaces.

UX & Conversion Optimization

Optimizes user interfaces and conversion flows using proven UX patterns and behavioral psychology.

NiceGUI UI Development

Optimizes Python web interfaces by applying NiceGUI, Quasar, and Tailwind CSS best practices for layouts and architecture.

GSAP Animation Best Practices

Implements high-performance, accessible web animations using GSAP with a focus on ScrollTrigger optimization and responsive design.

GPUI Component Story Generator

Generates comprehensive component story examples for Rust GPUI development to demonstrate variants, states, and interactive usage.

Accessible Color Palette Generator

Generates professional 11-shade color scales and semantic CSS tokens from a single brand hex code with built-in accessibility checking.

shadcn/ui Component Integration

Integrates, manages, and customizes accessible shadcn/ui components within your React and Tailwind CSS projects.

Nanobanana Image Generator

Generates and edits high-quality images using the Google Gemini API directly within your Claude Code environment.

Stitch Prompt Enhancer

Transforms vague UI design concepts into polished, structured prompts optimized for the Stitch generation engine.

Shadcn UI Integration

Streamlines the discovery, installation, and customization of accessible shadcn/ui components using Tailwind CSS and Radix UI.

Stitch Prompt Enhancer

Transforms vague UI concepts into structured, high-fidelity prompts optimized for the Stitch design-to-code platform.

Chakra UI v3 Assistant

Builds accessible, high-performance React applications using Chakra UI v3's modern component architecture and design tokens.

Planted Brand & Design

Creates UI components, marketing copy, and visual layouts that embody the Planted challenger brand voice and detailed design system.

Vue Developer & Code Reviewer

Generates high-quality Vue 3 components and performs automated code reviews using modern Composition API standards.

Notification UI System

Implements a complete, interactive notification interface featuring a badge-equipped bell icon, animated pulses, and a sleek dropdown panel for task alerts.

PastCare UX & Design System

Implements responsive, accessible, and theme-aware UI patterns following strict mobile-first design standards.

Hyper Terminal Visual Customizer

Configures and personalizes the visual appearance of the Hyper terminal through automated styling and theme application.

Canvas Design Mastery

Generates sophisticated, museum-grade visual art and design philosophies through a multi-step, craftsmanship-focused workflow.

Responsive Web Design

Architects fluid and adaptive web interfaces that ensure an optimal user experience across mobile, tablet, and desktop devices.

Ink.js CLI UI Designer

Build sophisticated, responsive terminal user interfaces using React-based Ink.js patterns and best practices.