Agent Skills Hub

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.

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.

data-viz-plots

Create publication-quality plots and visualizations using matplotlib and seaborn. Works locally with any LLM.

bdg

A terminal-based Chrome DevTools Protocol client designed for AI agents. Provides direct, session-persistent control over browser navigation, DOM manipulation, scraping, and network inspection.

format

Verify code style and formatting using Prettier and Stylelint without applying changes. Ensures consistent codebases by identifying issues in JS/TS/CSS/SCSS files.

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.

memory

Manage project SSOT, memory, and cross-tool search. Guardian of decisions.md and patterns.md for Claude Code. Use for context retention, memory synchronization, and decision tracking.

setup

Guide new contributors through the Chops development environment, including prerequisite checks, project generation via xcodegen, and architecture orientation.

calendar

Manage calendar events, check availability, and schedule meetings seamlessly during or outside of voice and text interactions.

personal-productivity

Help users manage time and tasks effectively. Use for overcoming overwhelm, improving focus, balancing responsibilities, and increasing personal productivity.

performance-optimization

Optimize Node.js performance via Redis caching, clustering, profiling, and monitoring to build fast, scalable, and efficient backend services.

data-visualization

Create professional data visualizations with Python using matplotlib, seaborn, and plotly. Includes chart selection guidance, design principles, accessibility standards, and code patterns for publication-quality figures.