Agent Skills Hub

design-system-implementation

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

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.

ui-design-system

Professional UI design system toolkit for design token generation, component architecture, responsive calculations, and developer handoff documentation to ensure visual consistency.

build-design-system

Build a cohesive, constraint-based design system using the Design Graph methodology. Automate the creation of design tokens, typography scales, components, variants, and themes.

design

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

pencil-ui-design

A professional workflow and component library for industrial-grade UI design using Pencil MCP, featuring standardized tokens for color, typography, spacing, and shadows.

tailwind-design-system

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

wednesday-design

UI/UX design assistant that enforces component library usage, accessibility, and design tokens for React/Next.js projects. Ensures consistent visual output using shadcn/ui, Aceternity, and other approved libraries.

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.

design-md

Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files to serve as a source of truth for AI-driven UI generation.

cloudscape-codegen

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