Design Tools Agent Skills

Frontend Design Pro

Generates distinctive, production-grade frontend interfaces that move beyond generic AI-generated aesthetics through bold design choices.

Frontend Development Patterns

Implements production-ready React and Next.js architecture patterns for scalable and performant user interfaces.

UI Generator

Generates production-ready React components and themed layouts from natural language descriptions using Tailwind CSS.

Theme Factory

Applies professional color palettes and font pairings to digital artifacts like slide decks, documents, and landing pages.

React Frontend Stack

Implements high-performance React applications using the modern 2025 stack including React 19, Vite, and Tailwind CSS v4.

Frontend Design

Generates distinctive, production-grade frontend interfaces with high design quality and creative polish that avoids generic aesthetics.

Frontend Design

Creates distinctive, production-grade frontend interfaces with a focus on high-quality aesthetics and creative implementation patterns.

Brand Color Extractor

Extracts official brand color palettes from websites and design systems to automatically generate comprehensive VS Code theme configuration files.

UI/UX Pro Max

Provides comprehensive design intelligence and implementation patterns for creating stunning, production-grade frontend interfaces across multiple frameworks.

Frontend Design Concept

Creates distinctive, production-grade frontend interfaces that avoid generic AI aesthetics through intentional design thinking and meticulous execution.

Canvas Design

Transforms subtle conceptual inputs into sophisticated visual art and design documents through the creation of custom aesthetic philosophies.

Frontend Design

Creates distinctive, production-grade frontend interfaces with a focus on high-quality, creative design.

Frontend Design

Creates distinctive, production-grade frontend interfaces with a focus on bold aesthetics and creative implementation to avoid generic AI-generated styles.

Pixel Pusher UI/UX Designer

Transforms vague design requirements into professional, production-ready web interfaces through a systematic multi-stage design process.

Frontend Design

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

Reactive Markdown Prototyping

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

Nano Banana Illustrator

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

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.

Modern Web Design Creator

Generates production-ready, responsive websites using Tailwind CSS, professional design systems, and modern animations.

Corporate Brand Identity & Style Guide

Standardizes document formatting, visual styling, and professional messaging across PowerPoint, Excel, and PDF files.

Frontend Design

Generates distinctive, production-grade frontend interfaces that avoid generic AI aesthetics through bold design choices and high-quality implementation.

Backstage Web Design System Generator

Generates enterprise-grade, accessibility-first web applications and admin dashboards using the Backstage Design System, Radix UI, and Tailwind CSS.

Algorithmic Art Generator

Generates gallery-quality generative art using p5.js, focusing on computational philosophies and sophisticated emergent behaviors.

Theme Factory

Applies professional design systems, curated color palettes, and typography to presentations, documents, and web artifacts.

Canvas Design Studio

Generates museum-quality visual art and sophisticated design philosophies for posters, branding, and static media.

Brand Guidelines

Applies consistent corporate visual identity and messaging across documents using standardized color palettes, typography hierarchies, and professional templates.

Frontend Design Expert

Generates distinctive, production-grade frontend interfaces with a focus on high-quality aesthetics and creative design choices.

Frontend Design Auditor

Identifies UX inconsistencies, accessibility gaps, and visual bugs in web interfaces to provide prioritized reports and actionable CSS fixes.

Concept Designer

Designs software functionality using Daniel Jackson's concept methodology to model features, analyze existing applications, and compose systems.