Design Tools Agent Skills

User Research Master

Conducts deep user research through structured interview scripting, persona development, and journey mapping to drive user-centered design.

Academic LaTeX Poster Architect

Engineers stable, reusable academic poster layouts using XeLaTeX and the beamerposter package.

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.

Modern Frontend Design Patterns

Implements production-grade React and Next.js architectural patterns, performance optimizations, and UI best practices.

AI Image Generation & Editing

Generates and edits high-quality photos, illustrations, and concept art using advanced AI models like FLUX and Gemini.

Theme Factory

Styles digital artifacts with professional color palettes and font pairings to ensure visual consistency across documents and presentations.

Image Enhancer & Optimizer

Enhances image quality, resolution, and clarity to transform raw screenshots into professional assets for documentation and social media.

Canvas Design & Visual Philosophy

Generates museum-quality visual art and design documents using sophisticated aesthetic frameworks and minimalist principles.

Anthropic Brand Styling

Applies Anthropic's official brand identity, color palette, and typography to visual artifacts and documents.

Interaction Design & Motion UI

Creates polished user interfaces using microinteractions, smooth transitions, and purposeful motion design patterns.

Material Design 3 Expert

Implements and reviews Material Design 3 and Expressive principles to create accessible, production-ready user interfaces.

Typography Expert

Apply professional typography principles to create readable, hierarchical, and aesthetically refined user interfaces.

Shadcn/UI Component Library Skill

Streamlines the installation, configuration, and implementation of accessible React components using shadcn/ui and Tailwind CSS.

Image Enhancer

Enhances image resolution, sharpness, and clarity to create professional-grade visual assets from low-quality screenshots and photos.

React Development Standards

Enforces modern React development conventions including functional components, custom hooks, and Storybook CSF 3.0 patterns.

UX Research Synthesis

Synthesizes usability test data, user feedback, and behavioral notes into actionable design insights and structured recommendations.

Accessibility Design & Audit

Audits product designs and specifications against WCAG 2.1 standards to ensure inclusive and compliant user experiences.

Competitive Design

Analyzes competitor UX/UI flows and interface patterns to generate actionable design insights and strategic briefs.

Product Copy & UX Writing

Crafts clear, consistent, and action-oriented microcopy for user interfaces, onboarding flows, and error states.

Nano Banana Prompting

Streamlines the creation of high-quality image generation prompts for Nano Banana Pro through interactive guidance and advanced prompting techniques.

AI-UI Interactive Components

Enables Claude to render interactive browser-based UI components and collect structured user feedback via MCP.

Wireframe Design & Information Architecture

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

Remotion Video Development

Simplifies React-based video creation by providing expert guidance on Remotion animations, compositions, and rendering 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 Component Story Generator

Generates standardized, comprehensive story examples for UI components to streamline documentation and visual testing.

React Component Library Architect

Builds production-grade, accessible React component libraries using Storybook, design tokens, and modern architectural patterns.

UI/UX Pro Max

Provides comprehensive UI/UX design intelligence, accessibility audits, and automated design system generation across multiple frontend frameworks.

Frontend Design Expert

Generates distinctive, production-grade frontend interfaces with high-fidelity aesthetics to avoid generic AI-generated design patterns.