Agent Skills Hub

ui-styling

Build accessible, consistent UIs using shadcn/ui and Tailwind CSS. Employs a component-first architecture for design systems, React Hook Form integration, and responsive mobile-first development.

maps

A developer-focused resource for building interactive map-based web applications, specifically using MapLibre GL JS, geolocation APIs, and custom tile providers.

screenshots

Automate the generation of high-quality, HiDPI marketing screenshots for web applications using Playwright.

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.

ux-designer

A precision-focused UX/UI engineering agent for identifying bugs, optimizing usability, and ensuring flawless interface performance in workflow applications.

mobile-app-ux

Mobile app UX/UI design guidelines for touch-friendly interfaces, navigation patterns, gesture handling, and small-screen optimization.

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.

mobile-android-design

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

tailwind-config

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

react-email

Build and send responsive HTML email templates using React components. Features a visual editor, rendering engine, and compatibility with major email clients.

react-native-design

Master React Native styling, navigation, and Reanimated animations. Build performant, cross-platform mobile apps with native-quality UX.

frontend-design

Build distinctive, production-grade frontend interfaces and web components with high aesthetic quality, avoiding generic AI design patterns.