Agent Skills Hub

tailwind-design-system

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

frontend-design-review

Review, audit, and build production-grade frontend interfaces with high design quality, accessibility standards, and design system compliance.

tamagui-best-practices

Tamagui library best practices for architecture, configuration, compiler optimization, and component patterns.

icon-set-generator

Generate professional, cohesive, project-specific SVG icon sets with consistent style, stroke weight, and visual density. Ideal for unique web and app UI branding.

tailwindcss

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

visual-design-foundations

Establish cohesive visual systems using design tokens, modular typography scales, 8-point spacing grids, and accessible color palettes for consistent UI development.

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.

css-modules

CSS Modules styling strategy for component-level encapsulation using Lightning CSS or PostCSS, featuring TypeScript integration and Vite configuration.

ui-ux-pro-max

A professional UI/UX design guide for web and mobile. Features 50+ styles, 99 UX guidelines, and 97 color palettes. Supports multi-stack recommendations for React, Vue, Next.js, and more.

design-system-patterns

Master design system architecture: implement design tokens, multi-brand theming, component libraries, and automated design-to-code pipelines for scalable UI foundations.

react-ui-patterns

Standardized React UI patterns for loading states, error handling, and data fetching to ensure consistent UX and robust component architecture.

mobile-android-design

Master Material Design 3 and Jetpack Compose for native Android UI development. Build adaptive, accessible interfaces using Google's latest standards.