Design Tools Agent Skills

Theme Factory

Styles digital artifacts like slides, documents, and HTML pages with professional, curated color palettes and font pairings.

Frontend Design

Generates distinctive, production-grade frontend interfaces that prioritize creative intentionality and avoid generic AI aesthetics.

NiceGUI UI Development

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

Minimal Modern Design Guide

Enforces modern, minimal UI design principles and consistent visual systems across all frontend frameworks.

UI Implementer

Implements pixel-perfect UI components from Figma designs and screenshots using iterative validation and adaptive agent switching.

Design Roast

Provides brutally honest, agency-grade UI/UX critiques based on MetaLab's principles of typography, whitespace, and visual hierarchy.

Dark Mode Generator

Automatically generates accessible dark mode color palettes and implementation code from light mode designs.

GSAP Animation Best Practices

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

Reactive Markdown Prototyping

Transforms standard markdown into interactive product specifications and live prototypes using the reactive-md VS Code extension.

Bidirectional Design Token Sync

Synchronizes design tokens between Figma and codebases with automated drift detection and conflict resolution.

Tailwind Design System

Builds scalable, production-ready UI design systems and component libraries using Tailwind CSS and design tokens.

Natural Language Component Generator

Generates production-ready TypeScript components, Storybook stories, and tests directly from plain English descriptions.

UI Component Scaffold

Generates accessible, production-ready UI components for React, Vue, and Svelte with integrated Storybook stories and testing.

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.

Frontend CSS Standards

Enforces Agent OS standards for CSS development to ensure consistent and scalable frontend styling.

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.

Tacosdedatos Illustrator

Orchestrates the end-to-end creation of professional blog post banners and visual metaphors for the tacosdedatos brand.

Stitch Prompt Enhancer

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

Nano Banana Illustrator

Generates high-quality illustrations and visual assets using Google's Gemini Image API directly within Claude Code.

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.

Concept Critic

Rigorously critiques software and UX concept designs to identify logical flaws, challenge assumptions, and ensure they meet demanding quality standards.

Next.js Frontend Guidelines

Enforces standardized Next.js App Router patterns and pure Tailwind CSS implementation for clean, layered architecture projects.

Frontend Design

Generates distinctive, production-grade frontend interfaces with exceptional design quality and creative implementation patterns.

Generative UI Patterns

Implements dynamic, AI-generated user interfaces using Vercel AI SDK React Server Components and real-time streaming patterns.

Frontend Implementation Specialist

Implements accessible, production-grade user interfaces using modern frameworks like React, Vue, and Angular.

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.