Design Tools Agent Skills

UX Design Principles

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

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.

Canvas Design Mastery

Generates sophisticated, museum-grade visual art and design philosophies through a multi-step, craftsmanship-focused workflow.

Dynamic Table Filter Builder

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

EVOLEA Brand Image Generator

Generates brand-consistent illustrations using reinforcement learning to evolve visual styles based on user feedback.

Responsive Web Design

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

UX Designer

Guides the creation of unique, accessible, and user-centered interfaces with a focus on non-generic design patterns.

Animated Image Generator

Generates minimalist static images from text prompts and transforms them into short animations using Google’s generative models.

UI Component Design & Implementation

Builds accessible, theme-compliant React components using design tokens, semantic HTML, and W3C ARIA standards.

Ink.js CLI UI Designer

Build sophisticated, responsive terminal user interfaces using React-based Ink.js patterns and best practices.

Ink.js Terminal UI Design

Provides expert patterns and implementation guides for building interactive terminal user interfaces using Ink.js and React.

OpenTUI CLI Design

Builds sophisticated terminal interfaces using OpenTUI and SolidJS with optimized input handling and screen navigation patterns.

Charm Stack TUI Developer

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

Frontend Design

Creates distinctive, production-grade frontend interfaces with high design quality and creative, polished code.

OpenTUI Layout Manager

Architects terminal user interfaces using a robust Yoga-based Flexbox layout system for precise component positioning and alignment.

Modern Angular 21 Patterns

Implements cutting-edge Angular 21 development standards focusing on signals, modern control flow, and accessible UI patterns.

Urdu Language Support

Enables full Urdu localization with Right-to-Left (RTL) layouts, specialized typography, and bilingual AI responses.

Tailwind CSS v4 Master

Configures Tailwind CSS v4 environments and automates migrations from version 3 using CSS-first patterns and OKLCH colors.

Hyper Terminal Theme Development

Builds, customizes, and publishes professional color schemes for the Hyper terminal emulator.

React Stack Engineer

Builds and refactors production-grade React applications using a modern stack featuring Tailwind CSS v4, Vite, and TypeScript.

TabzArtist AI Visual Generation

Automates browser-based generation of DALL-E images and Sora videos for rapid web and app asset creation.

RemixIcon UI Implementation

Implements and manages RemixIcon, a neutral-style icon library with over 3,100 variants for professional web and mobile interfaces.

OpenTUI Component Library

Provides comprehensive documentation and implementation patterns for building terminal user interfaces using OpenTUI components.

Excalidraw Diagram Generator

Generates professional, Obsidian-ready Excalidraw diagrams, flowcharts, and mind maps directly from text descriptions.

Brutalist Academic UI Design

Generates high-contrast, grid-based academic interfaces using Skriptoteket’s pure-CSS design tokens and typographic principles.

Slack GIF Creator

Generates and optimizes high-quality animated GIFs tailored for Slack emojis and messages using Python drawing primitives.

Slack GIF Creator

Generates custom animated GIFs and emojis specifically optimized for Slack's technical requirements and performance standards.

Media & Image Processing

Automates complex image and video manipulation tasks using ImageMagick and FFmpeg command-line tools.

Accessible Breadcrumb System

Implements WCAG-compliant, responsive hierarchical breadcrumb navigation for complex web applications and corporate platforms.