Design Tools Agent Skills

Web Artifacts Builder

Constructs complex, multi-component React applications bundled into single-file HTML artifacts for interactive use within Claude conversations.

Theme Factory

Applies professional color palettes and font pairings to digital artifacts like slide decks, documents, and landing pages to ensure a consistent and polished visual identity.

Algorithmic Art

Generates sophisticated generative art using p5.js with a focus on computational philosophy and interactive parameter exploration.

Frontend Development Standards

Enforces modern React and TypeScript best practices for building high-performance web applications using TanStack and MUI v7.

Bluewaves Brand System

Standardizes visual identity across web, documents, and presentations with a curated set of design tokens and assets for the Bluewaves brand.

UI Styling & Component Design

Architects beautiful, accessible, and responsive user interfaces using shadcn/ui components and utility-first Tailwind CSS.

Decathlon Brand System

Implements the official Decathlon brand identity through design tokens, typography, and assets for automated document and UI generation.

Visual Canvas & Design Philosophy

Generates museum-quality visual art and sophisticated design philosophies through a systematic, two-step creative process.

Wave Artisans Brand Kit

Provides a comprehensive minimalist design system and brand assets for creating high-end documents, presentations, and web interfaces.

Frontend Design

Creates distinctive, production-grade frontend interfaces with high design quality and a memorable aesthetic.

Brand Analyzer

Creates comprehensive brand guidelines and identity audits using established frameworks and archetype analysis.

Nano Banana JSON Prompter

Converts natural language into structured JSON schemas for precise, reproducible image generation with Gemini 3 Pro.

Visual Design

Generates professional Mermaid diagrams, AI image prompts, and evidence-based design themes for technical presentations.

Tenzir UI Design System

Implements Tenzir's standardized design system tokens and component specifications for consistent, brand-aligned frontend development.

Research PDF Generator

Generates aesthetic, print-ready HTML one-pagers and PDFs from research topics using curated design presets.

Wiggle Logo Animator

Transforms static brand logos into professional motion graphics and Lottie animations using curated design philosophies and automated rendering workflows.

Nano Banana Visual System

Generates professional, brand-aligned infographics and presentation visuals for shipping and sales pipelines using standardized prompt patterns.

Canvas Design

Generates sophisticated visual art and design philosophies through a systematic, two-step creative process.

Anthropic Brand Styling

Applies official Anthropic brand identity, typography, and color schemes to documents and visual artifacts.

Algorithmic Art Studio

Generates sophisticated, master-level generative art using p5.js with a focus on computational philosophy and interactive parameter exploration.

Raven Component Authoring

Develops and maintains custom SwiftUI-style components for the browser using the Raven framework and WebAssembly.

VueUse Composables Helper

Streamlines Vue.js and Nuxt development by automatically implementing optimized VueUse composables for state, browser APIs, and DOM interactions.

Distinctive Frontend Design

Creates distinctive, production-grade frontend interfaces with high-quality design and unique aesthetics.

Tailwind CSS v4 Development

Styles and builds modern web interfaces using Tailwind CSS v4 utilities and CSS-first configuration patterns.

UI/UX Pro Max: Design Intelligence

Automates the creation of high-fidelity frontend interfaces with comprehensive design systems, accessibility audits, and framework-specific UI patterns.

Visual Engine

Orchestrates sophisticated animation presets, 3D visual components, and interactive gallery experiences while maintaining strict accessibility and performance standards.

UI/UX Pro Max

Generates professional design systems and high-fidelity frontend interfaces with comprehensive accessibility and performance guidelines.

Error UX Therapist

Optimizes application error messages using proven UX patterns and recovery-focused frameworks to improve user satisfaction.

UI/UX Roast & Refine

Analyzes and improves user interfaces through brutal multi-perspective critiques and automated design fixes.

UI/UX Design Expert

Optimizes user interfaces and experiences using professional design principles, accessibility standards, and systematic patterns.