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.

components-build

Build modern, composable, and accessible React UI components following the components.build specification. Use for design systems, component libraries, and reusable UI architectures.

web3-testing

Comprehensive smart contract testing skill for Hardhat and Foundry, featuring unit tests, integration suites, gas optimization, fuzzing, and mainnet forking.

reactive-ui-patterns

Reactive UI patterns for remote data fetching, enabling smooth in-place updates, persistent scroll position, and efficient loading state management using the .current property.

cross-plugin-detective

Standardized detective skill integration for agent roles. Maps agents to code-analysis skills and enforces claudemem usage for memory-indexed code investigation.

figma-design-to-code

Convert Figma designs to project-consistent UI code using TemPad Dev MCP for precise markup, styling, and token integration.

shadcn-vite-iconify-landing-page

Build, audit, and iterate high-converting landing pages using React, Vite, TypeScript, Tailwind, and shadcn/ui. Expert in CRO, hero structures, and conversion-focused design with Iconify icons.

webpack

Webpack reference tool for frontend developers. Provides guides, troubleshooting, performance tips, and best practices for configuration and project management.

release

Automates the release workflow for Worktrunk, including version bumping, CHANGELOG generation, contributor crediting, and publishing to crates.io and GitHub.

audio-extractor

Extract high-quality audio from 1500+ websites, convert formats (MP3, FLAC, etc.), embed metadata and cover art, and batch process playlists using yt-dlp. Perfect for podcasts, music, and archival.

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.

template-nextjs-moderne

A comprehensive Next.js 15 development and project management skill for Claude Code, featuring Supabase integration, RBAC, and automated quality validation.