Design Tools Agent Skills

Artistic Canvas Designer

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

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.

Claude Artifacts Builder

Constructs complex, multi-component React artifacts for Claude.ai using modern frontend technologies and shadcn/ui components.

Remotion Video Creation

Builds programmatic videos and animations using React-based compositions and declarative timing.

OpenTUI Interface Builder

Streamlines the development of sophisticated Terminal User Interfaces (TUIs) using React, Solid, or imperative APIs.

Responsive Design Master

Implements modern, mobile-first responsive layouts using container queries, fluid typography, and advanced CSS Grid patterns.

Frontend Responsive UI Standards

Builds fluid, mobile-first user interfaces using modern CSS standards, responsive breakpoints, and accessible touch-friendly design patterns.

Frontend Design

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

Frontend Design

Generates distinctive, production-grade web interfaces and UI components that avoid generic AI design patterns through intentional aesthetic choices.

AI Image Editor

Edits and transforms existing images through natural language prompts using the Gemini 3 Pro model via fal.ai.

Bootstrap Content & Typography

Provides comprehensive guidance and code patterns for styling typography, images, tables, and core content elements using Bootstrap 5.3.

Slack GIF Creator

Generates and optimizes custom animated GIFs for Slack using PIL primitives, easing functions, and built-in validation tools.

Tenzir UI Design System

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

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.

Frontend Web Development Expert

Orchestrates advanced frontend architecture, UI/UX implementation, and performance optimization for modern web applications.

VueUse Composables Helper

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

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.

Frontend Design Pro

Creates high-end, production-ready frontend interfaces with curated visuals and premium typography.

Wave Artisans Brand Kit

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

Brand Analyzer

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

Frontend Design

Creates distinctive, production-grade frontend interfaces with a focus on high design quality and unique aesthetic directions.

Feature-Slicing Architect

Implements Feature-Sliced Design (FSD) architecture to build scalable, maintainable, and well-organized frontend applications.

Nano Banana JSON Prompter

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

React UI Component Patterns

Standardizes the creation of production-ready React components with integrated Tailwind CSS styling and Vitest testing patterns.