Agent Skills Hub

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-system-patterns

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

code-documentation

Standardize code documentation: automate READMEs, API references, JSDoc/TSDoc, and Architecture Decision Records (ADRs) to maintain clean, professional technical guides.

context-cascade

A nested plugin architecture for Claude Code that optimizes context by dynamically loading playbooks, skills, and agents to save over 90% in token usage.

Building Frontend Dashboards

Build responsive React dashboards using TypeScript, shadcn/ui, TanStack Query, and Supabase. Ideal for creating KPI cards, data tables, charts with Recharts, and admin interfaces for event-studio.

server-components

Guidance on React Server Components (RSC) in Next.js, covering server/client component boundaries, data fetching, and composition patterns.

auto-skill-generator

Research technical documentation and automatically generate ready-to-use software agent skills in markdown format.

tamagui-best-practices

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

frontend

Frontend coding conventions for Preact and Tailwind. Use for web UI components in cluster applications.

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.

french-claude

A design-focused coding agent that brings world-class interface craft, motion, and systematic front-end engineering to your development workflow.

mobile-android-design

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