Design Tools Agent Skills

UI/UX Design Review & Feedback

Guides the end-to-end design workflow including wireframing, senior-level reviews, accessibility audits, and stakeholder approval cycles.

Anthropic Brand Styling

Applies Anthropic's official visual identity, including specific hex colors and typography, to documents and digital artifacts.

Claude Artifacts Builder

Builds sophisticated, multi-component Claude.ai HTML artifacts using React, Tailwind CSS, and shadcn/ui.

Slack GIF Creator

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

Creative Design Canvas

Generates sophisticated visual art and design philosophies using a high-craftsmanship, minimalist approach.

Creative Design Studio

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

Frontend Design

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

Shadcn/UI Component Architect

Manages and customizes shadcn/ui components within shared UI libraries to build high-quality, consistent user interfaces.

Design System Architect

Extracts visual styles from reference screenshots to generate production-ready design tokens and interactive React showcase applications.

shadcn/ui Design System Builder

Generates accessible, theme-compliant shadcn/ui components using project-specific design tokens and design system patterns.

Font Awesome Icon Suggestion

Suggests and verifies the most appropriate Font Awesome icons based on specific UI concepts, actions, or visual metaphors.

Nano Banana Visual System

Generates professional, brand-aligned infographics and presentation visuals for shipping and sales pipelines using standardized prompt patterns.

Research PDF Generator

Generates aesthetic, print-ready HTML one-pagers and PDFs from research topics using curated design presets.

Frontend Design Pro

Creates high-end, production-ready frontend interfaces with curated visuals and premium typography.

ahooks React Hooks Expert

Simplifies React development by providing expert guidance and implementation patterns for the comprehensive ahooks utility library.

Canvas Visual Arts & Design

Generates museum-quality visual art and sophisticated design philosophies through a meticulous, multi-step creative process.

Frontend Development & Architecture

Implements production-grade frontend interfaces across React, Vue, Svelte, and Angular using modern performance patterns and state management.

Storybook for React

Generates comprehensive React component documentation and interactive testing environments using Storybook 8 and CSF 3.0 standards.

Aesthetic UI Design

Creates visually stunning, production-grade frontend interfaces by applying advanced design principles and systematic workflows.

Visual Design Canvas

Generates museum-quality visual art and design philosophies using sophisticated geometric and spatial principles.

Design System Library

Streamlines the selection and implementation of popular UI frameworks and design systems with real-time documentation integration.

UI/UX Design Expert

Empowers Claude Code with professional UI/UX design patterns, atomic design principles, and responsive layout strategies for modern web development.

Frontend Component Architect

Generates production-grade React components using TailwindCSS, CVA, and Radix UI for the IntelliFill platform.

React UI System Guidelines

Enforces consistent React UI development using Emotion, Atomic Design principles, and standardized theme tokens.

UI Specification Architect

Generates comprehensive UI design contracts including brand identity, design systems, and detailed screen specifications for feature development.

Artifacts Builder

Builds complex, production-ready React artifacts for Claude.ai using modern frontend frameworks and professional UI components.

Professional UI Styling

Creates beautiful, accessible, and production-ready user interfaces using shadcn/ui components, Tailwind CSS, and sophisticated canvas-based design systems.

AdaptiveX Brand Styling

Applies official AdaptiveX brand colors, typography, and visual design standards to training and consulting artifacts.

Frontend Design Specialist

Creates distinctive, production-grade frontend interfaces that avoid generic AI aesthetics through bold design choices and meticulous technical execution.

Nanobanana Image Generation & Editing

Generates and edits high-quality images using the Google Gemini API with granular control over aspect ratios and resolutions.