Find the perfect skill
Figma Design Tokens Sync
Development
Extracts design tokens and component definitions from Figma via MCP, saving them as local JSON for hp-gen.
Plan Canvas and Visual Review
Development
Opens plans and HTML artifacts in a local browser canvas for annotation, chat, and approval. Enables visual review and approve/request-changes decisions without leaving the page.
Mushroom Cultivation
Content
Grow edible and medicinal mushrooms from spawn to fruiting. Covers substrate preparation, inoculation, incubation, and harvesting for oyster, shiitake, lion's mane, and more.
Programmatic SEO at Scale
Content
Creates SEO-optimized pages at scale using templates and structured data. Helps when building many similar pages (e.g., location pages, comparison pages, directory pages) by providing a framework to generate unique, valuable content that ranks well and avoids penalties.
Ship It!
Development
Finalize and ship changes with quality checks, commits, and PR creation.
GraphQL Schema Generator
Development
Generate GraphQL schemas, resolvers, and type definitions with best practices for pagination and error handling.
Skill Quality Auditor
Development
Review a skill or command against best practices and flag issues with fixes.
Create a Pull Request (WooCommerce iOS)
Development
Create a pull request following WooCommerce iOS conventions, including diff checks, labels, and milestone assignment.
Generate AI Prototypes
Development
Creates structured prompts for AI prototyping tools (v0.dev, Lovable, Bolt.new) to convert PRDs or feature specs into working prototypes quickly. Choose the tool based on project needs: UI-only, full-stack, or quick demo. Helps accelerate design validation and stakeholder demos by generating copy-paste-ready prompts.
Do Workflow: End-to-End Task Execution
Development
Execute end-to-end development tasks: research, branch, implement, pass CI, open a PR, and ship. Invoked only via explicit /do or $do command.
Tailwind Theme Palette
Development
Manage the palette via Tailwind v4 @theme tokens: meaning of color families, contrast rules, and adding tokens without breaking the UI.
CodeFlow: Interactive Codebase Architecture Maps
Development
Turn any GitHub repo, local folder, PR, or markdown vault into an interactive architecture map with CodeFlow. Runs 100% client-side with no backend, offering dependency graphs, blast radius, health scores, and more.