Design Tools Agent Skills

CRE8 Web Components

Provides comprehensive documentation and code generation for the CRE8 design system's library of 85+ Lit-based web components.

One-UI Angular Migration

Orchestrates the migration of Angular 16 applications to Angular 20 using Domain-Driven Design and SignalStore patterns.

Next.js Data Table Generator

Generates production-ready Next.js data table pages with SSR, URL-based state management, and full-stack CRUD capabilities.

Corporate Brand Identity & Style Guide

Standardizes document formatting, visual styling, and professional messaging across PowerPoint, Excel, and PDF files.

Frontend Design

Generates distinctive, production-grade frontend interfaces that avoid generic AI aesthetics through bold design choices and high-quality implementation.

NiceGUI UI Development

Streamlines the creation of Python web interfaces using the NiceGUI framework with optimized styling and architectural patterns.

React Performance Best Practices

Optimizes React and Next.js applications using Vercel Engineering's performance-focused coding standards and optimization rules.

UX Feedback Design

Implements evidence-based UI feedback patterns including progress indicators, error recovery, and performance-optimized loading states.

Psychology Foundations for UX

Explains the research-backed cognitive and behavioral science principles behind effective user experience design patterns.

Trust & Recovery UX Guide

Implements research-backed UI patterns for error handling, undo functionality, and graceful recovery to build and maintain user confidence.

Frontend Design Expert

Generates distinctive, production-grade frontend interfaces with a focus on high-quality aesthetics and creative design choices.

Frontend Design Auditor

Identifies UX inconsistencies, accessibility gaps, and visual bugs in web interfaces to provide prioritized reports and actionable CSS fixes.

WCAG Accessibility Standards

Implements Web Content Accessibility Guidelines (WCAG) to create inclusive digital experiences using the POUR principles.

Laws of UX Design Patterns

Applies 21 psychology-based design principles to build intuitive, human-centered digital products and user interfaces.

Multi-Platform UI Prompt Generator

Generates platform-specific prompts and interactive UI components from universal widget definitions across Telegram, OpenAI Canvas, MCP, and CLI.

Vercel React Best Practices

Optimizes React and Next.js applications using 45 high-impact performance rules curated by Vercel Engineering.

Nielsen Usability Heuristics

Evaluates and improves user interfaces using Jakob Nielsen’s 10 foundational usability principles for interaction design.

UI Improver & Optimizer

Analyzes UI elements and automatically applies architectural, visual, and code-level improvements using specialized AI agents.

Frontend Vibes

Generates distinctive, emotionally expressive frontend interfaces using a faux-ASCII aesthetic, warm dark palettes, and spring-based motion.

React Component Architect

Engineers production-grade React components using strict TypeScript patterns, container/presenter architecture, and composition-first design.

Canvas Design & Visual Philosophy

Generates high-fidelity visual art and design documents based on custom-crafted aesthetic philosophies.

UI Designer

Generates production-ready React and Next.js UI components using shadcn/ui blocks and intelligent design patterns.

Slack GIF Creator

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

Web Design Guidelines Validator

Validates UI code against WCAG accessibility standards, UX patterns, and responsive design best practices to ensure production-grade web interfaces.

Anthropic Brand Identity

Applies Anthropic's official brand colors, typography, and visual design standards to generated artifacts and documents.

San Watsadu Brand Identity System

Standardizes UI components and documentation with San Watsadu's official Thai branding, typography, and color palette.

Anime & Manga Prompt Builder

Generates professional Midjourney Niji mode prompts using curated libraries of 30+ anime artists, 14 studios, and SREF style codes.

Slack GIF Creator

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

Nano Banana JSON Prompting

Transforms natural language into structured JSON schemas for precise and reproducible image generation control in Nano Banana Pro.

Canvas Design & Visual Artistry

Generates original visual art and sophisticated design philosophies in PDF and PNG formats using high-level aesthetic principles.