Agent Skills Hub

office-sprite

Generate and process 16-bit pixel art office assets for the Claude Office Visualizer using Nano Banana MCP and multi-pass ImageMagick workflows.

javascript-typescript

Advanced TypeScript and React development assistant for modern web applications. Expert in component architecture, state management, Vitest unit testing, Playwright E2E automation, and efficient TypeScript configuration.

interaction-design

Design and implement microinteractions, motion design, and transitions. Use to add UI polish, define loading states, and create delightful, intuitive user feedback patterns.

d3js-data-visualization

Create interactive, custom data visualizations using d3.js — including charts, graphs, and network diagrams. Ideal for when you need fine-grained control over visual elements, transitions, and interactions.

server-components

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

canvas

Interactive terminal UI toolkit for Claude Code. Spawn and control calendar, document, and flight booking interfaces directly within tmux panes.

dev

Development and maintenance of the PWAFire library: build PWA API modules, handle feature detection, manage testing, and contribute to codebase following strict sync/async patterns and error handling requirements.

htmx-rust

Build interactive, hypermedia-driven web applications using Rust, Axum, and HTMX for dynamic, real-time UI updates without complex JavaScript frameworks.

french-claude

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

livewire-development

Develops reactive Livewire 4 components, handling wire directives, state management, real-time updates, component testing, and integration with Flux UI for high-performance Laravel applications.

json-canvas

Create, edit, and manage JSON Canvas (.canvas) files for visual note-taking, mind mapping, and flowcharts in Obsidian.

image-generation

Generate high-quality visual content, characters, and scenes using structured JSON prompts and automated Python execution for guided image synthesis.