Design Tools Agent Skills

AI Background Remover

Removes image backgrounds automatically to create high-quality transparent PNGs for design and compositing workflows.

Strategic UI Colorizer

Transforms monochromatic or gray interfaces into engaging, visually rich designs using strategic color application and semantic principles.

Blazor Framework & Fluent UI Reference

Accelerates .NET web development by providing implementation patterns for Blazor hosting models, component architecture, and Microsoft Fluent UI integration.

React Pattern & Reference Guide

Accelerates React development with standardized patterns, advanced hooks implementations, and WCAG-compliant accessibility practices.

Web UI Design Guide

Applies professional web UI design principles like the 8px grid and neutral color palettes to create modern, consistent frontend components.

Shadcn UI Component Patterns

Implements accessible, production-ready React components using the shadcn/ui library, Tailwind CSS, and Radix UI primitives.

Stitch UI Prompt Enhancer

Transforms vague UI concepts into structured, design-system-aware prompts optimized for the Stitch generation engine.

Modern Browser APIs

Leverages native, standardized browser APIs to replace external dependencies and improve web application performance.

Dark Minimal Slide Design

Generates professional, high-end presentation slides and visual assets using a dark minimal Vercel-inspired aesthetic.

AI Image Generation

Generates and edits high-quality visual assets using OpenAI and Google Gemini models directly from the command line.

Batch Slide Generation

Automates the creation of professional presentation slide images at scale using AI image providers.

UI Design Core

Generates high-end, production-grade UI components and layouts while intentionally avoiding generic AI design patterns.

Frontend Design

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

Changelog Infographic Generator

Transforms structured Claude Code changelog summaries into professional, shareable infographic PNG images using programmatic design principles.

Refactoring UI for Tailwind & shadcn

Applies professional design principles and visual hierarchy to web interfaces using Tailwind CSS and shadcn/ui components.

Brighten Brand Guidelines

Enforces Brighten's official corporate identity, including specific color palettes and typography, across digital artifacts and presentations.

UI/UX Pro Max

Elevates frontend development with comprehensive design intelligence, providing specialized styles, color palettes, and UX best practices across nine technology stacks.

JTBD UI Copy Optimizer

Transforms technical UI labels and buttons into user-centric copy based on the Jobs to Be Done framework.

UX Writing & Copy Improver

Optimizes UI microcopy across codebases using proven UX writing frameworks and interactive audit modes.

Component Finder

Locates UI components within a codebase using screenshots, route paths, or component names to bridge the gap between design and implementation.

Excalidraw Diagram Design

Generates organic, hand-drawn diagrams and mind maps using a sketchy aesthetic to improve visual communication and engagement.

Dayopt Frontend Design

Enforces a minimalist, decoration-free UI design system focused on high-density productivity and functional feedback.

Frontend Development Patterns

Implements high-performance React and Next.js architectural patterns for modern web applications.

Tailwind CSS v4 Development

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

UI/UX Pro Max

Provides comprehensive UI/UX design intelligence and implementation guidelines across nine major web and mobile technology stacks.

Vue 3 Framework

Builds high-performance, reactive web interfaces using Vue 3.5 Composition API and TypeScript.

Remotion Video Creation

Programmatically generates high-quality videos and motion graphics using React components and frame-based animations.

UI/UX Pro Max

Provides comprehensive UI/UX design intelligence and implementation patterns for professional web and mobile applications.

Theme Factory

Applies professional color palettes and typography pairings to documents, slides, and web artifacts.

Slack GIF Creator

Generates and optimizes custom animated GIFs and emojis tailored specifically for Slack requirements.