Design Tools Agent Skills

UX Analyzer

Analyzes user experience patterns, accessibility compliance, and usability heuristics to optimize application design and user flows.

Tacosdedatos Illustrator

Orchestrates the end-to-end creation of professional blog post banners and visual metaphors for the tacosdedatos brand.

HSL to OKLCH Converter

Converts HSL color values to the perceptually uniform OKLCH color space using automated browser interactions.

Frontend Components

Designs reusable and composable UI components with clear props interfaces and single-responsibility encapsulation.

Gemini Frontend Assistant

Generates React components and Tailwind CSS code from text descriptions or UI screenshots using Gemini's multimodal capabilities.

Component Layer

Standardizes React component development by enforcing shadcn/ui patterns and structured directory organization for scalable frontend architectures.

React Form Handling

Simplifies the creation of robust React forms using performant patterns, schema-based validation, and reusable UI components.

Frontend Design

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

Frontend Design

Creates distinctive, production-grade frontend interfaces that avoid generic AI aesthetics through creative coding and intentional design choices.

Frontend Design

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

Frontend Design

Creates distinctive, production-grade frontend interfaces with a focus on high design quality and creative intentionality.

Design System Component Creator

Generates standardized UI components for the Equality design system with built-in state management and documentation hooks.

Frontend CSS

Implements consistent, high-performance styling using modern CSS methodologies and design system patterns.

Gemini Image Generator

Generates high-quality project assets including icons, banners, and illustrations using Google's Gemini 3 Pro Image Preview model.

Frontend Design

Generates distinctive, production-grade frontend interfaces with exceptional design quality and creative implementation patterns.

Frontend Implementation Specialist

Implements accessible, production-grade user interfaces using modern frameworks like React, Vue, and Angular.

Frontend UI Implementation

Accelerates frontend development by providing domain-specific patterns, accessibility checklists, and automated validation for modern web frameworks.

Frontend Accessibility

Builds accessible, WCAG-compliant user interfaces using semantic HTML, ARIA standards, and robust keyboard navigation patterns.

Dark Minimal Slide Design

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

Frontend Implementation Expert

Implements high-quality, accessible frontend components and user interfaces using modern frameworks like React, Vue, and Angular.

Frontend Design

Creates distinctive, production-grade frontend interfaces with exceptional aesthetic quality and creative flair.

Frontend Design

Generates distinctive, production-grade frontend interfaces with a focus on creative, non-generic aesthetics and meticulous attention to detail.

Media & Image Processing

Automates complex image and video manipulation tasks using ImageMagick and FFmpeg command-line tools.

Frontend Design

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

Tailwind CSS Architecture

Implements structured Tailwind CSS styles using the @apply directive and component-layer abstractions for cleaner, maintainable frontend codebases.

Jobs Design Thinking Audit

Applies Steve Jobs' design philosophy to audit software interfaces for simplicity, elegance, and user-centricity.

Frontend Components

Develops and architectures React components following strict design system patterns with Next.js 16, React 19, and TypeScript.

Frontend Accessibility

Implements WCAG-compliant UI components and keyboard navigation patterns for React and Next.js applications.

Nano Banana Image Generation

Generates and edits high-quality images using Google's Gemini-based image models for creative assets and professional compositions.

Frontend Responsive

Implements mobile-first responsive layouts and navigation patterns using Tailwind CSS v3 and Next.js best practices.