Design Tools Agent Skills

Baseline UI Standards

Enforces design consistency and professional UI standards to prevent AI-generated interface slop in Tailwind CSS projects.

3D Web Experience Architect

Architects immersive 3D web environments using Three.js and React Three Fiber while prioritizing performance and accessibility.

Dark Theme Frontend UI (TypeScript)

Generates high-quality, dark-themed React interfaces using Tailwind CSS and Framer Motion animations.

Shadcn UI Manager

Automates the installation, composition, and styling of shadcn/ui components using project-specific CLI commands and design system best practices.

Landing Page Design & Optimization

Optimizes landing page conversion rates through proven layout rules, headline formulas, and AI-generated visual assets.

Chat UI Components

Builds production-ready, interactive chat interfaces for React and Next.js applications using modular UI building blocks.

Frontend Development Expert

Builds high-performance, accessible web interfaces using React 19, Next.js 15, and modern frontend architecture.

Pitch Deck Visual Designer

Generates professional, investor-ready pitch deck slides and data visualizations using standardized frameworks and automated design rules.

Makepad UI Basics

Builds high-performance, GPU-accelerated cross-platform UI applications using the Rust Makepad framework.

Figma Design Implementer

Translates Figma designs into production-ready code with 1:1 visual fidelity using structured MCP workflows.

Accessibility Checker

Audits web components and source code for WCAG 2.1 compliance to ensure inclusive digital experiences and accessible UI patterns.

Logo Design & Branding Guide

Generates professional logo concepts and brand identity assets using AI-powered image generation best practices.

Professional IxD Design Workflow

Executes a comprehensive 8-phase interaction and visual design workflow for apps, websites, and desktop clients.

Strapi UI Design

Builds production-grade, accessible admin interfaces for Strapi v5 plugins using the official Strapi Design System.

Frontend Design Expert

Generates distinctive, production-grade frontend interfaces and web components with exceptional design quality and a clear aesthetic point-of-view.

React and Next.js Patterns

Implements high-performance React and Next.js patterns for building scalable and maintainable frontend applications.

Antigravity UI & Motion Expert

Builds highly interactive, spatial, and weightless web interfaces using glassmorphism, 3D CSS, and GSAP animations.

Rails Hotwire & Turbo Patterns

Implements seamless real-time updates and interactive JavaScript behaviors in Ruby on Rails applications using the Hotwire stack.

Accessibility Patterns for Rails

Implements WCAG 2.2 Level AA compliant user interfaces in Rails applications using best-practice ARIA, keyboard navigation, and focus management patterns.

Aesth - Craft Design System

Implements high-quality, consistent UI design systems for functional applications using persistent semantic memory.

GSAP ScrollTrigger Animations

Implements advanced scroll-driven animations, element pinning, and interactive scroll-triggered effects using the GSAP ScrollTrigger plugin.

Frontend UI Design

Architects production-ready, accessible frontend components and screens using modern React, Next.js, and Tailwind CSS patterns.

Favicon & App Icon Generator

Generates professional, brand-consistent favicon and app icon suites optimized for web and PWA integration.

React UI Composition Patterns

Provides standardized React UI composition patterns using TypeScript, Tailwind CSS, and Radix UI for building maintainable, accessible components.

Three.js Builder

Builds and validates performant, lightweight Three.js scenes and animations using modern ES module patterns.

AI Image Generator & Editor

Generates and edits professional assets using the OpenAI Image API via a structured, CLI-driven workflow.

Responsive Design Expert

Implements modern, adaptive user interfaces using container queries, fluid typography, and mobile-first CSS strategies.

Accessibility Patterns

Builds inclusive web experiences by implementing WCAG guidelines, semantic HTML, and advanced ARIA patterns.

Refactoring UI Assistant

Refactors and polishes frontend code using professional visual design principles to improve hierarchy, spacing, and typography.

Frontend Design

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