Design Tools Agent Skills

Web Artifacts Builder

Constructs complex, multi-component React applications bundled into single-file HTML artifacts for interactive use within Claude conversations.

Slack GIF Creator

Generates and optimizes custom animated GIFs for Slack using PIL primitives, easing functions, and built-in validation tools.

Frontend Design

Generates distinctive, production-grade web interfaces and UI components that avoid generic AI design patterns through intentional aesthetic choices.

Frontend Design

Generates distinctive, production-grade web interfaces with a focus on high-quality aesthetics and creative, non-generic design choices.

Image Insight

Analyzes visual media to generate detailed JSON profiles for style extraction and AI image recreation.

Mermaid Expert

Generates and refines professional Mermaid.js diagrams to visualize complex workflows, architectures, and system designs directly within your documentation.

UI/UX Pro Max

Empowers frontend development with expert design intelligence, offering a vast library of UI styles, color palettes, and stack-specific best practices for professional interfaces.

Slint GUI Expert

Builds high-performance, native cross-platform user interfaces using the Slint UI toolkit and Rust integration.

Web Interface Guidelines Auditor

Reviews web interface code for accessibility, UX, and design system compliance using the latest industry guidelines.

UX/UI Designer Lite

Generates focused design briefs and essential UI patterns to accelerate MVP and prototype development workflows.

Senior Frontend Implementation Agent

Builds production-ready, accessible user interfaces from design specifications and API contracts using Next.js and Tailwind CSS.

UI/UX Design Expert

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

Visual Thinking Brainstormer

Automatically suggests creating visual diagrams like flowcharts and ERDs during architectural and design discussions.

Render GLB

Converts 3D GLB models into PNG images to enable visual verification and previewing within AI development workflows.

UI Design Reviewer

Evaluates web interfaces for accessibility, responsiveness, UX patterns, and performance using standardized audit protocols.

Pixel-Perfect Website Cloner

Clones existing websites into high-fidelity React components using an automated multi-agent workflow and visual analysis.

Web Interface Guidelines Compliance

Audits UI code for compliance with industry-standard design systems and accessibility best practices.

Nuxt UI v4 Migration Assistant

Detects and migrates legacy Nuxt UI v3 syntax to modern v4 standards within project documentation and code blocks.

UX/UI Affordances for Claude

Implements intuitive interface design principles by ensuring interactive elements suggest their own functionality through visual cues.

Frontend Design Expert

Builds distinctive, production-grade web interfaces with bold aesthetic directions and exceptional typography to avoid generic AI-generated styles.

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.

Web Interface Guidelines Auditor

Audits UI code against industry-standard Web Interface Guidelines to ensure high-quality UX and accessibility compliance.

Frontend Design

Creates distinctive, production-grade frontend interfaces that avoid generic AI aesthetics through bold design choices and precise implementation.

UI/UX Pro Max: Design Intelligence

Generates professional-grade UI/UX design systems and implementation patterns across nine major technology stacks.

Wireframe Design & Information Architecture

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

Visual Design & Artistry

Generates original, philosophy-driven visual art and professional posters in PNG and PDF formats using a structured design manifesto.

Theme Factory

Styles digital artifacts like slides, documents, and landing pages using professional pre-set color palettes and font pairings.

Senior Frontend Architect

Accelerates modern web development by providing automated scaffolding, performance optimization, and industry-standard patterns for React and Next.js applications.

Web Artifact Builder

Generates complex, multi-component React artifacts for Claude.ai using shadcn/ui and Tailwind CSS.