Agent Skills Hub

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.

css-modules

CSS Modules styling strategy for component-level encapsulation using Lightning CSS or PostCSS, featuring TypeScript integration and Vite configuration.

codebase-inspection

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

pattern-detection

Analyze and identify codebase patterns (naming, architecture, testing) to maintain consistency and enforce standards during development.

debug-hooks

Systematic debugging workflow for Claude Code hooks. Use to troubleshoot non-firing hooks, output errors, or unexpected behavioral issues.

ascii-art

A generative agent skill for creating ASCII art, optimized for rapid, single-pass artistic output without iterative refinement.

router-query-integration

Integrates TanStack Router with TanStack Query for optimal SPA performance, enabling efficient route loaders, query prefetching, and seamless navigation.

error-handling

Implement robust backend error handling with custom classes, middleware, structured logging, and recovery patterns.

create-mcp-app

Scaffold and build interactive MCP Apps with custom UIs for hosts like Claude Desktop. Supports React, Vanilla JS, and various framework templates for tool-resource integration.

Development Tools

Development CLI for the Multigres project: automate unit tests, integration tests, and environment coordination for Vitess-for-Postgres.

formik-patterns

Formik form handling, validation schemas with Yup, and submission patterns for React applications.

docx

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