Design Tools Agent Skills

Frontend Design Architect

Creates distinctive, production-grade frontend interfaces with unique aesthetic identities that avoid generic AI design patterns.

Vue Developer & Code Reviewer

Generates high-quality Vue 3 components and performs automated code reviews using modern Composition API standards.

Notification UI System

Implements a complete, interactive notification interface featuring a badge-equipped bell icon, animated pulses, and a sleek dropdown panel for task alerts.

PastCare UX & Design System

Implements responsive, accessible, and theme-aware UI patterns following strict mobile-first design standards.

React Frontend SPA Architect

Implements scalable, type-safe React Single Page Applications using standardized routing, authentication, and design patterns.

Frontend Iconify

Streamlines UI asset sourcing by providing instant access to over 200,000 open-source icons and standardized integration patterns.

Web Design Guidelines Auditor

Audits web application code for compliance with professional UI/UX standards and accessibility best practices.

Algorithmic Art Generator

Generates sophisticated, gallery-quality generative art and interactive visualizations using p5.js and computational philosophy.

UI Component Architect

Standardizes the creation of accessible, theme-compliant React components using modern web APIs and W3C best practices.

Slack GIF Creator

Generates and optimizes animated GIFs and custom emoji specifically tailored for Slack's unique file size and dimension constraints.

Algorithmic Art & Generative Design

Generates sophisticated, master-level algorithmic art using p5.js and bespoke computational philosophies.

Hyper Terminal Visual Customizer

Configures and personalizes the visual appearance of the Hyper terminal through automated styling and theme application.

Wizard UI Kit

Builds structured multi-step form interfaces with automated draft saving and runtime validation.

Advanced React Artifacts Builder

Develops complex, multi-component React artifacts for Claude.ai using modern frontend stacks like shadcn/ui and Tailwind CSS.

Media Generator for Google GenAI

Generates high-fidelity images and videos directly within Claude using Google's Gemini, Imagen, and Veo models.

AI Illustration Prompt Architect

Generates high-quality, structured image prompts for AI generators like Midjourney and DALL-E using a six-principle optimization framework.

Visual Theme Factory

Applies professional styling, color palettes, and typography to artifacts like slides, documents, and landing pages.

Image Enhancer

Enhances image and screenshot quality by intelligently upscaling resolution, sharpening details, and removing compression artifacts.

Figma to Responsive Code

Converts Figma designs into production-ready responsive code for Web, React Native, and Expo using automated multi-agent workflows.

Visual Screenshot Capture

Captures visual context from your screen to help Claude analyze UI bugs, verify browser automation, and review designs.

Canvas Design Mastery

Generates sophisticated, museum-grade visual art and design philosophies through a multi-step, craftsmanship-focused workflow.

Changelog Infographic Generator

Converts structured changelog summaries into professional, high-quality PNG infographics for visual release announcements.

SolidJS Web Development

Builds high-performance user interfaces using SolidJS's fine-grained reactivity and signal-based architecture.

Responsive Web Design

Architects fluid and adaptive web interfaces that ensure an optimal user experience across mobile, tablet, and desktop devices.

Modern CSS Expert

Architects production-grade, accessible user interfaces using the latest CSS features like cascade layers, container queries, and OKLCH color spaces.

Distinctive Frontend Design

Builds production-grade frontend interfaces with memorable aesthetics and context-specific design patterns.

UX Accessibility Design

Implements inclusive design principles and WCAG compliance for interactive web interfaces and components.

Ink.js CLI UI Designer

Build sophisticated, responsive terminal user interfaces using React-based Ink.js patterns and best practices.

Ink.js Terminal UI Design

Provides expert patterns and implementation guides for building interactive terminal user interfaces using Ink.js and React.

OpenTUI CLI Design

Builds sophisticated terminal interfaces using OpenTUI and SolidJS with optimized input handling and screen navigation patterns.