Design Tools Agent Skills

Design Exploration

Generates interactive visual catalogues and diverse UI proposals to guide aesthetic direction before implementation.

Aesthetic System

Implements distinctive, high-fidelity UI designs and design systems that avoid generic AI-generated patterns.

Frontend Design

Generates distinctive, production-grade frontend interfaces with high-fidelity aesthetics that avoid generic AI-generated patterns.

Gemini Image Generation

Generates and edits high-quality images using the Gemini API to streamline visual asset creation within your development workflow.

Design Lab

Conducts design interviews and generates five distinct UI variations directly within your project environment for rapid prototyping.

Algorithmic Art Creator

Generates sophisticated, interactive generative art and computational visualizations using p5.js and seeded randomness.

Bubbletea TUI Builder

Builds professional terminal user interfaces using Go, the Bubbletea framework, and Lipgloss styling.

Web Interface Design Reviewer

Audits frontend code against Vercel's Web Interface Guidelines to ensure accessibility, UX consistency, and design excellence.

Chakra UI Design System

Builds and refactors accessible frontend interfaces using Chakra UI v2, Emotion, and customized theme tokens.

Marp Slide Creator

Generates professional Marp/Marpit presentations with custom SVG diagrams and consistent color design systems.

FeedMob Brand Guidelines & Content Generator

Generates professional, on-brand FeedMob content including reports, presentations, and data visualizations following official style requirements.

AI SDK UI Hooks

Provides specialized React hooks and patterns for building real-time, streaming AI chat interfaces using Vercel AI SDK v5.

Elementary Design System

Implements a three-layered, token-based styling framework for building themeable, professional user interfaces with interchangeable visual fidelity.

Browser Canvas

Renders interactive React and Vanilla HTML interfaces in a browser window with real-time hot-reloading and state synchronization.

Triad Interleave Scheduler

Interleaves three deterministic color streams into balanced schedules using GF(3) conservation for algorithmic consistency.

OpenTUI Terminal Interface Builder

Builds sophisticated terminal user interfaces using core imperative APIs or React and SolidJS reconcilers.

Design Principles Mastery

Applies fundamental visual design laws and Gestalt psychology to create professional, intuitive, and balanced user interfaces.

AI Image Generator

Generates custom images and visual content directly through the telclaude bridge using GPT Image 1.5.

Frontend Design Pro

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

Frontend Patterns & Best Practices

Implements production-ready React component architectures, state management strategies, and accessibility standards for modern web applications.

Design System Setup

Initializes and exports comprehensive design systems through guided workflows, Figma integration, and automated token generation.

Canvas Design & Visual Philosophy

Generates sophisticated visual art and design philosophies through a meticulous, multi-step creative process focused on expert craftsmanship.

Frontend Design

Generates distinctive, production-grade frontend interfaces with high design quality that avoid generic AI aesthetics.

Algorithmic Art & Generative Design

Generates sophisticated p5.js generative art by translating computational philosophies into meticulously crafted code and interactive viewers.

Frontend Design

Creates distinctive, production-grade frontend interfaces with high design quality that avoid generic AI aesthetics.

Algorithmic Art Studio

Generates sophisticated generative art and computational aesthetics using p5.js through a unique two-step philosophical and algorithmic approach.

Slack GIF Creator

Generates and optimizes animated GIFs and custom emoji animations specifically for Slack's file size and dimension constraints.

Tailwind CSS Design Patterns

Implements modern, responsive user interfaces using utility-first Tailwind CSS patterns and best practices.

UX Researcher & Designer

Conducts data-driven user research and experience design to create evidence-based personas, journey maps, and usability frameworks.

Slack GIF Creator

Generates and optimizes animated GIFs and custom emojis specifically tailored for Slack's strict file size and dimension constraints.