Design Tools Agent Skills

Interactive Slides Generator

Generates professional, interactive presentation slides using React and Tailwind CSS, exported as standalone HTML files.

UI/UX Design Pro Max

Generates professional design systems and implements accessible, high-performance UI components across major web and mobile frameworks.

Visual Iteration

Refines UI implementations through a screenshot-based feedback loop to ensure pixel-perfect alignment with design mocks.

Hybrid UI Mockup Generator

Generates professional UI mockups and wireframes using a hybrid system of local HTML templates and the Google Stitch API.

UI/UX Optimizer & Researcher

Analyzes application interfaces to provide actionable UI/UX improvement recommendations and modern design trend research.

Frontend Design

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

Frontend React Patterns

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

React UI Component Patterns

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

Feature-Slicing Architect

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

AI Image Editor

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

Responsive Design Master

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

Remotion Video Creation

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

Claude Artifacts Builder

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

OpenTUI Interface Builder

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

Frontend Responsive UI Standards

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

Artistic Canvas Designer

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

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.

Error UX Therapist

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

Vercel React Best Practices

Optimizes React and Next.js applications using industry-leading performance patterns and Vercel-engineered guidelines.

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.

VueUse Composables Helper

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

Tailwind CSS v4 Development

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

UI/UX Pro Max

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

Raven Component Authoring

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

Wireframe Design & Information Architecture

Generates structured low and high-fidelity wireframes to visualize UI layouts and information hierarchy effectively.

Tailwind Widget Builder for ChatGPT Apps

Accelerates the creation of responsive, Tailwind CSS-powered inline widgets for ChatGPT applications using pre-built UI patterns.

Shadowrun UI Aesthetic

Applies distinctive cyberpunk visual language and production-grade UI patterns for Shadowrun-themed applications.

Mockup Iteration Manager

Orchestrates systematic UI mockup iterations with version control, decision logging, and automated visual validation.

Textual TUI Builder

Builds sophisticated, reactive Terminal User Interfaces (TUI) using the Textual Python framework.