Design Tools Agent Skills

Image Generation

Generates and iterates on brand-aligned visual assets using specialized AI models and systematic validation workflows.

Frontend Responsive

Implements mobile-first, fluid layouts and responsive UI components across various screen sizes using modern CSS techniques and frameworks.

Frontend Design

Creates distinctive, production-grade frontend interfaces with high design quality and creative aesthetic choices that avoid generic AI patterns.

Frontend Accessibility

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

Frontend Design

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

UX Polish & Accessibility

Refines Astro frontends with production-grade UI tokens, accessibility standards, and consistent state handling.

Image Generator

Automates the production of professional-grade pedagogical visuals through multi-turn reasoning and a rigorous six-gate quality validation process.

Sr Cardoso Frontend

Manages React-based PWA frontend development for booking systems and administrative dashboards with a mobile-first focus.

React Component Quality Expert

Enforces high-quality React development through single-responsibility components, loose coupling, and standardized English documentation.

UI/UX Designer

Builds high-quality, accessible web interfaces and design systems using modern frontend best practices and pre-configured templates.

Frontend Design

Generates distinctive, production-grade frontend interfaces and high-quality UI components that avoid generic AI aesthetics.

Claude Photo Manager

Manages and analyzes visual content by handling photo uploads, image processing, OCR, and UI debugging directly within Claude Code.

Frontend Responsive

Implements mobile-first, adaptive layouts and touch-friendly interfaces across various screen sizes and devices.

Frontend Responsive

Builds adaptive, mobile-first layouts using fluid design principles and standard breakpoints across all device types.

Frontend Components

Builds reusable, composable UI components following the single responsibility principle and modern state management patterns.

Frontend Component Patterns

Generates accessible, multi-style UI components using React, Tailwind CSS, and Class Variance Authority.

Lovelace Dashboard Architect

Architects sophisticated, responsive Home Assistant dashboards using advanced Lovelace YAML patterns and custom cards.

Anthropic Brand Guidelines

Applies Anthropic’s official corporate identity, color palette, and typography to digital artifacts and design documents.

Canvas Design

Generates museum-quality visual art and design assets through a structured philosophical framework.

React Accessibility for Chakra UI

Enforces WCAG 2.1 AA compliance and implements advanced keyboard navigation for React applications using Chakra UI.

UX Strategy

Develops comprehensive UX strategies, measurement frameworks, and organizational roadmaps to align user experience with business goals.

Precision UI & Design Systems

Enforces high-precision, minimal design systems for enterprise dashboards and SaaS interfaces inspired by industry-leading aesthetics.

Visual Design System

Generates systematic, accessible visual designs and design token architectures using modern color spaces and Atomic Design principles.

App Accessibility

Ensures software compliance with accessibility standards by implementing inclusive design patterns and best practices across application components.

Nuxt UI v3 Design System

Builds accessible, Tailwind-powered Nuxt 3 interfaces using the latest Nuxt UI v3 components and patterns.

Art & Visual Systems

Generates technical diagrams, editorial illustrations, and comic panels using a distinctive Excalidraw-style hand-drawn aesthetic.

StudioJinsei Nanobanana Visuals

Generates high-quality brand assets and character illustrations using the Google Gemini API.

Sigil Design Pattern Governance

Manages design system approvals and formalizes overrides for UI fidelity while enforcing immutable technical constraints.

Design Excellence

Generates distinctive, production-grade frontend interfaces with a focus on polished typography, sophisticated color systems, and high-fidelity micro-interactions.

Grove UI Design System

Implements warm, nature-inspired UI components and seasonal design systems for the Grove platform.