Design Tools Agent Skills

Motion Design Assistant

Enhances React interfaces with performance-optimized micro-interactions, animations, and transitions using Tailwind CSS and Framer Motion.

Presentation Master

Generates world-class presentations by applying industry-leading design principles and narrative structures through a guided, multi-phase workflow.

Frontend Aesthetics & UI Designer

Generates refined, modern minimalist React interfaces using Tailwind CSS with a focus on visual harmony and intentional design.

Frontend Design Pro

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

Comprehensive Frontend Audit

Conducts multi-phase frontend architecture audits to optimize React performance, Tailwind patterns, and TypeScript quality.

Design Aesthetic Quality Review

Evaluates frontend interfaces for design intentionality and distinctiveness while identifying generic "AI slop" patterns.

Lumina Interactive Menu Creator

Generates polished, accessible UI menus and overlays with built-in animations and UX best practices.

Fabric Art Prompt Engineer

Generates high-fidelity, descriptive AI art prompts with precise style guidance and visual conceptualization.

Frontend Design

Generates distinctive, production-grade frontend interfaces that avoid generic AI aesthetics through bold design choices and meticulous detail.

Figma Analyzer

Extracts high-fidelity design assets, metadata, and design tokens directly from Figma files using the REST API.

Connecting Widget Pipelines

Facilitates communication between StickerNest widgets by defining typed ports and configuring data flow pipelines.

Algorithmic Art & Generative Aesthetics

Generates sophisticated, gallery-quality algorithmic art using p5.js through a dual-process of philosophical conceptualization and meticulous code implementation.

Moai Enterprise UI Library

Streamlines React development with an enterprise-grade shadcn/ui component library and AI-enhanced design system architecture.

Anime & Manga Midjourney Prompt Builder

Generates specialized Midjourney Niji mode prompts for authentic anime and manga art styles.

Beautiful Mermaid Diagrams

Generates high-quality, themeable SVG and ASCII Mermaid diagrams to enhance technical documentation and visual communication.

Figma to React

Converts Figma screen flows into pixel-perfect, production-ready React components with Tailwind CSS and automated visual validation.

React Component Patterns

Enforces professional React best practices using functional components, TypeScript, and standardized state management.

UI Design System & Best Practices

Enforces opinionated UI constraints and accessibility standards to ensure high-quality, performant, and accessible frontend interfaces.

Theme Factory

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

UI Color Theory & Palette System

Generates professional, accessible, and theme-ready color schemes based on advanced color theory principles for modern web applications.

Accessibility Design Skill

Implements WCAG-compliant web interfaces with advanced keyboard navigation, screen reader optimization, and automated accessibility testing.

Responsive Web Design

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

Design System from Reference

Transforms UI screenshots into comprehensive, production-ready React and Tailwind design systems for consistent AI development.

UI/UX Design Pro

Facilitates the creation of intuitive, aesthetic, and user-centric interfaces by applying modern design principles and industry best practices.

Brand Guidelines Expert

Generates comprehensive brand books and visual identity documentation with technical specifications for developers and designers.

Theme Factory

Applies professional color palettes and typography pairings to presentation decks, components, and design systems for consistent visual branding.

Shadcnblocks Page Builder

Builds localized website pages by automatically installing shadcnblocks components and implementing i18n support.

Frontend Design

Creates distinctive, production-grade frontend interfaces that avoid generic AI aesthetics through bold design thinking and meticulous styling.

Charm Stack TUI Developer

Builds high-performance, interactive terminal user interfaces using the Go-based Charm stack and Elm Architecture.

Frontend React Stack

Accelerates modern React development using a high-performance stack featuring React 19, TypeScript, Tailwind CSS v4, and TanStack Query.