Design Tools Agent Skills

UI/UX Pro Max

Generates professional UI/UX design systems and production-ready frontend code across nine modern technology stacks.

UI/UX Pro Max

Provides specialized UI/UX design intelligence, accessibility guidelines, and multi-stack implementation patterns for high-quality frontend development.

Sigil: Mapping Zones

Maps codebase directories to specific design physics zones to ensure consistent visual governance and agent-driven development.

Frontend Design

Generates high-fidelity, production-grade frontend interfaces that break away from generic AI-generated design patterns.

React Performance Architect

Optimizes React and Next.js applications using 47 performance-focused rules to eliminate waterfalls, reduce bundle sizes, and improve rendering efficiency.

Creative Frontend Design & UX

Transforms basic code into visually stunning, high-impact user interfaces using bold aesthetic principles and advanced spatial layouts.

Next.js Architecture Pro

Architects high-performance Next.js applications using modern App Router patterns and optimized data fetching strategies.

Shadcn/UI Component Manager

Streamlines the discovery, installation, and management of shadcn/ui components within React and Next.js projects.

React Development & Best Practices

Enforces modern React patterns and performance optimizations while minimizing unnecessary Effects and redundant state.

Frontend Design Engine

Creates distinctive, production-grade frontend interfaces with high-quality aesthetics that avoid generic AI-generated patterns.

Frontend Design Pro

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

Frontend Design

Creates distinctive, production-grade frontend interfaces with exceptional design quality and creative intentionality.

Moai Vector Icon Ecosystem Guide

Provides comprehensive implementation patterns and decision trees for selecting and integrating over 200,000 vector icons across 10+ major libraries.

Modern Browser API Integrator

Implements native web capabilities using modern browser APIs to reduce bundle size and optimize frontend performance.

Component Slots for UI Targeting

Implements standardized data-slot attributes within components to enable precise CSS targeting and automated developer documentation.

Pattern Migrator

Systematically migrates patterns in Storybook-based design systems while preserving documentation integrity and cross-references.

Concept Designer

Designs software functionality using Daniel Jackson's concept methodology to model features, analyze existing applications, and compose systems.

Slack GIF Creator

Generates optimized animated GIFs for Slack emojis and messages using PIL primitives and advanced animation concepts.

UI Design System Toolkit

Generates consistent, accessible, and scalable user interface frameworks using design tokens and component patterns.

Frontend Context Loader for Cookmate

Streamlines frontend development by providing immediate access to Next.js app structures, shared layouts, and UI patterns within the Cookmate repository.

UX Design Principles

Applies cognitive psychology and user experience principles to guide product design decisions and interface architecture.

Minimalist Portfolio Design

Generates clean, typography-focused portfolio websites using neo-brutalist and Swiss design principles.

UI/UX Pro Max

Provides comprehensive UI/UX design intelligence and implementation guidance for professional-grade web and mobile interfaces.

UI/UX Pro Max

Generates professional, high-fidelity UI/UX designs and code implementations using a vast searchable database of design systems, styles, and best practices.

Frontend Design Pro

Creates distinctive, production-grade frontend interfaces with high design quality by extracting guidelines from references or applying creative design thinking.

Dynamic Table Filter Builder

Generates standardized table filters with advanced query logic, model searching, and visual grouping for frontend applications.

UI/UX Pro Max

Provides comprehensive UI/UX design intelligence and implementation guidelines across 9 technology stacks.

Grafix Generative Art Studio

Generates and refines Python-based Grafix sketches while providing headless PNG export for rapid visual iteration.

Grafix Artwork Orchestrator

Streamlines the creation, rendering, and iterative refinement of algorithmic artwork using the Grafix engine.

Frontend Style Guide

Enforces brand consistency and professional UI/UX patterns across desktop and mobile interfaces.