Design Tools Agent Skills

Kymera Brand System

Generates high-fidelity, technical UI components and design systems based on a sophisticated Jarvis-inspired HUD aesthetic.

Presentation Generator

Generates professional, single-file HTML presentations featuring a premium Vercel-inspired dark mode aesthetic.

Nano Image Generator

Generates high-resolution visual assets, app icons, and marketing graphics directly within your development workflow using Gemini 3 Pro.

Bubble Tea TUI Designer

Automates the architecture and design of terminal user interfaces using the Charmbracelet Bubble Tea framework.

Designing Frontend

Generates distinctive, production-ready frontend interfaces using advanced design thinking to avoid generic AI aesthetics.

Image Enhancer & Upscaler

Transforms low-resolution screenshots and images into high-quality, professional-grade visual assets through intelligent sharpening and upscaling.

Frontend Design

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

AI Artist Prompt Engineering

Optimizes and crafts high-performance prompts for LLMs, image generators, and video models using domain-specific patterns and best practices.

Methodology Diagram Generator

Generates publication-quality methodology diagrams from text descriptions using the PaperBanana engine.

Fal AI Image Generator

Generates and edits high-quality images, infographics, and text-based visuals directly within Claude Code using fal.ai.

Frontend Development Patterns

Standardizes React and Next.js development using production-grade architecture patterns, performance optimizations, and state management strategies.

Bootstrap Components

Streamlines the implementation and troubleshooting of Bootstrap 5.3.8 UI components with expert guidance on styling, behavior, and accessibility.

Frontend Design

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

Slack GIF Creator

Generates and optimizes high-quality animated GIFs specifically tailored for Slack emojis and messages using Python primitives.

UI/UX Design Expert

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

React & Next.js Performance Best Practices

Optimizes React and Next.js applications using Vercel Engineering performance guidelines to eliminate bottlenecks and reduce bundle sizes.

Usability Testing Master

Guides developers and designers through the end-to-end usability testing process to validate designs and improve user experience.

Vercel React Best Practices

Optimizes React and Next.js applications using Vercel Engineering's production-grade performance guidelines.

Bootstrap Icons

Integrates the official Bootstrap Icons library using various implementation methods, styling techniques, and accessibility standards.

Error UX Therapist

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

UI Component Builder

Builds accessible, responsive, and framework-agnostic UI components for modern web applications and design systems.

SaaS Design Guide

Architects unique, production-grade SaaS UI/UX by applying intentional design principles and avoiding common AI-generated tropes.

Shadcn Svelte

Builds accessible, customizable UI components for Svelte and SvelteKit applications using shadcn-svelte and Tailwind CSS v4.1.

UI/UX Pro Max - Frontend Design Expert

Builds stunning, production-ready user interfaces using a massive database of UI styles, color palettes, and framework-specific best practices.

Figma to Code Converter

Converts Figma designs into pixel-perfect React, Next.js, and Tailwind CSS code using an automated 5-phase agentic workflow.

Frontend Design

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

Frontend AI Developer Guide

Enforces frontend architectural standards, anti-pattern detection, and rigorous quality assurance workflows for React and TypeScript projects.

Brand System Design Guide

Enforces production-grade brand standards, including OKLCH color systems, AI-specific gradients, and WCAG 2.1 AA accessibility compliance.

Frontend Development Patterns

Implements industry-standard React and Next.js design patterns for building performant, maintainable, and scalable user interfaces.

Frontend Design

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