Agent Skills Hub

react-ui-patterns

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

cloudscape-codegen

Generate production-ready Cloudscape Design System React + TypeScript UI code, components, and scaffolds with accessibility, responsive patterns, and robust state handling.

design-system-implementation

Enforce strict UI adherence to your project's design system tokens, components, and layout patterns for consistent frontend implementation.

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 Components

Standardized configuration and management for Django production server and worker processes.

mobile-ios-design

Master iOS Human Interface Guidelines and SwiftUI for native app development. Expert guidance for UI design, component implementation, and Apple platform design principles.

design

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

figma

Leverage the Figma MCP server to fetch design data, extract assets, and transform Figma nodes into production-ready React and Tailwind code with design system alignment.

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.

PRISM.unified

UI component patterns and touch input handling for M5Stack Tab5 applications using M5GFX and LVGL.

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.

web-component-design

Master component-driven development for React, Vue, and Svelte. Learn advanced composition, CSS-in-JS strategies, and API design for scalable UI design systems.