Agent Skills Hub

tailwindcss

TailwindCSS v4 pattern library with CSS-first configuration, @theme design tokens, @source content detection, and modern CSS utilities for high-performance frontend workflows.

tailwind-design-system

Build scalable, production-ready design systems using Tailwind CSS v4, featuring CSS-first configuration, design tokens, component variants, and responsive patterns.

ui-design

A specialized tool for generating single-file HTML user interfaces with integrated Tailwind CSS, perfect for rapid prototyping, UI exploration, and design inspiration.

tailwind-config

Manage Tailwind CSS configuration, custom design tokens, themes, and design system utilities across the monorepo.

design

Collaborative UI design, wireframing, and Tailwind-first code polish to build distinctive, high-quality interfaces without AI slop.

design-excellence

A design system and anti-pattern guide to make AI-generated UI look human-crafted. Ensures professional aesthetics by managing color, typography, spacing, and animations for the Toh Framework.

music-theory-visual-design

Visual design and UI styling guidelines for the Harmonic Orbit music theory application, covering typography, color systems, spacing, animations, and accessibility standards.

frontend-ui-animator

Analyze and implement purposeful UI animations for Next.js, Tailwind CSS, and React applications with a focus on UX, performance, and accessibility.

designer

Expert UI/UX design assistant for React & Next.js. Provides visual critiques, design system architecture, and Tailwind CSS/shadcn/ui implementation guidance for production-grade web applications.

color-palette

Generate complete, accessible colour systems from a single hex. Includes 11-shade scales (50-950), semantic tokens, dark mode variants, and Tailwind v4 CSS output.

shadcn-ui

Implement shadcn/ui components: installation, Vite/TanStack Router configuration, CLI command management, and Tailwind CSS integration.

laravel-11-12-app-guidelines

Standardized workflow and guidelines for Laravel 11/12 application development, including stack detection, dependency management, and integration with Laravel Boost tools.