Agent Skills Hub

nextjs-app-router

Expert assistant for building modern Next.js 13+ applications using the App Router, including Server Components, nested layouts, streaming with Suspense, and advanced data fetching patterns.

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.

senior-frontend-engineer-react

Enterprise-grade React CRUD development skill for React 16.14 and DVA 2.x, featuring automated page generation, form management, and service layer integration.

tpmjs-tool-creator

Development guide for creating and publishing TPMJS tools using the blocks CLI, AI SDK v6, and npm registry patterns.

code-quality-review

Holistic, multi-dimensional code review skill providing prioritized, actionable feedback on correctness, security, performance, design, and accessibility.

Parallel Routes Generator

Implements Next.js Parallel Routes for modals to prevent layout shifts. Essential for dialogs, modals, and intercepted routes.

codebase-inspection

Analyze codebase statistics: LOC, language distribution, and code-to-comment ratios using pygount.

frontend-design-pro

Build $50k-grade frontend interfaces with production-ready code, professional typography, and high-fidelity image integration.

draw-io

Specialized skill for creating, editing, and maintaining .drawio diagrams. Supports XML manipulation, layout optimization, AWS icon usage, and automated PNG conversion for documentation.

docx

Comprehensive professional document tool for .docx creation, editing, and analysis. Supports tracked changes, comments, metadata, and raw OOXML manipulation.

docs-voice

Enforces professional voice, tone, and technical style guidelines for React documentation, ensuring consistency across Learn, Reference, and Blog pages.

common

Infrastructure for cross-product HealthSim data persistence, entity correlation via SSN, and DuckDB database operations.