Agent Reference

Agent Hub

103 specialized agent skills for software engineering, media generation, design, and tooling. Each skill provides exact instructions and workflows for a specific task.

All (103)Process & Workflow (32)Design & Visual (19)Media Generation (29)Code & Engineering (10)Tooling & Infrastructure (6)Documents & Writing (7)

All Skills(103)

brainstorming

Process & Workflow

Explores user intent, requirements and design before any creative work — creating features, building components, adding functionality, or modifying behavior.

brainstormdesign discussionfeature planning+1

writing-plans

Process & Workflow

Creates detailed implementation plans when you have a spec or requirements for a multi-step task, before touching code.

write a planimplementation plancreate plan+1

executing-plans

Process & Workflow

Executes a written implementation plan in a separate session with review checkpoints.

execute planrun the planimplement the plan

subagent-driven-development

Process & Workflow

Executes plans by dispatching fresh subagent per task with two-stage review: spec compliance then code quality.

subagentdispatch tasksparallel implementation

dispatching-parallel-agents

Process & Workflow

Use when facing 2+ independent tasks that can be worked on without shared state or sequential dependencies.

parallel tasksindependent workdispatch agents

finishing-a-development-branch

Process & Workflow

Guides completion of development work by presenting structured options for merge, PR, or cleanup when implementation is complete and tests pass.

finish branchwrap upcomplete development+1

using-git-worktrees

Process & Workflow

Ensures an isolated workspace exists via native tools or git worktree fallback when starting feature work.

git worktreeisolated workspaceseparate branch work

diagnose

Process & Workflow

Disciplined diagnosis loop for hard bugs and performance regressions. Reproduce → minimise → hypothesise → instrument → fix → regression-test.

diagnose thisdebug thisbroken+2

systematic-debugging

Process & Workflow

Systematic approach to debugging — use when encountering any bug, test failure, or unexpected behavior, before proposing fixes.

bugtest failureunexpected behavior+1

tdd

Process & Workflow

Test-driven development with red-green-refactor loop for building features or fixing bugs.

TDDred-green-refactortest first+1

test-driven-development

Process & Workflow

Use when implementing any feature or bugfix, before writing implementation code.

implement featurefix bugwrite code

verification-before-completion

Process & Workflow

Requires running verification commands and confirming output before making any success claims. Evidence before assertions always.

completefixedpassing+1

requesting-code-review

Process & Workflow

Use when completing tasks, implementing major features, or before merging to verify work meets requirements.

code reviewreview my codecheck my work

receiving-code-review

Process & Workflow

Use when receiving code review feedback, before implementing suggestions. Requires technical rigor and verification.

review feedbackPR commentscode review response

improve-codebase-architecture

Process & Workflow

Finds deepening opportunities in a codebase, informed by domain language in CONTEXT.md and decisions in docs/adr/.

improve architecturerefactorconsolidate modules+1

zoom-out

Process & Workflow

Provides broader context or higher-level perspective on a section of code and how it fits into the bigger picture.

zoom outbigger picturehow does this fit+1

setup-matt-pocock-skills

Process & Workflow

Sets up agent skills block in AGENTS.md/CLAUDE.md and docs/agents/ with issue tracker, triage labels, and domain doc layout.

setup skillsconfigure agentsproject setup

to-issues

Process & Workflow

Breaks a plan, spec, or PRD into independently-grabbable issues using tracer-bullet vertical slices.

create issuesbreak down workimplementation tickets

to-prd

Process & Workflow

Turns the current conversation context into a PRD and publishes it to the project issue tracker.

create PRDwrite PRDproduct requirements

triage

Process & Workflow

Triages issues through a state machine driven by triage roles — create, review, prepare for AFK agent, manage workflow.

triagereview issuesincoming bugs+1

grill-me

Process & Workflow

Interviews the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree.

grill mestress-test my planchallenge my design

grill-with-docs

Process & Workflow

Grilling session that challenges your plan against existing domain model, sharpens terminology, and updates documentation inline.

grill with docsstress-test against docschallenge with context

handoff

Process & Workflow

Compacts the current conversation into a handoff document for another agent to pick up.

handoffpass to another agentcontext transfer

prototype

Process & Workflow

Builds a throwaway prototype to flesh out a design — terminal app for logic questions or UI variations toggleable from one route.

prototypemockuptry a few designs+1

teach

Process & Workflow

Teaches the user a new skill or concept within the current workspace.

teach melearnexplain concept+1

using-superpowers

Process & Workflow

Establishes how to find and use skills, requiring Skill tool invocation before ANY response including clarifying questions.

start conversationbeginhow to use skills

find-skills

Process & Workflow

Helps users discover and install agent skills when they ask how to do something or want to extend capabilities.

find a skillhow do I do Xis there a skill for+1

skill-creator

Process & Workflow

Creates new skills, modifies and improves existing skills, measures skill performance, runs evals, and benchmarks.

create skillwrite skilledit skill+2

write-a-skill

Process & Workflow

Creates new agent skills with proper structure, progressive disclosure, and bundled resources.

write a skillcreate a new skillbuild a skill

writing-skills

Process & Workflow

Use when creating new skills, editing existing skills, or verifying skills work before deployment.

write skilledit skillverify skill

template-skill

Process & Workflow

Template for creating new skills. Replace with description of the skill and when Claude should use it.

doc-coauthoring

Documents & Writing

Structured workflow for co-authoring documentation — proposals, technical specs, decision docs. Helps transfer context and refine through iteration.

write docsproposaltechnical spec+1

writing-guidelines

Documents & Writing

Reviews docs/prose for Writing Guidelines compliance — voice, tone, clarity, and consistency.

review my docscheck writing styleaudit prose+1

internal-comms

Documents & Writing

Resources for writing internal communications using company formats — status reports, leadership updates, newsletters, FAQs, incident reports.

status reportleadership updatenewsletter+3

docx

Documents & Writing

Create, read, edit, or manipulate Word documents (.docx) — reports, memos, letters, templates with professional formatting.

Word docword document.docx+4

pdf

Documents & Writing

Everything PDF — reading, extracting text/tables, merging, splitting, rotating, watermarking, creating, form filling, encrypting, OCR.

.pdfPDF fileextract from PDF+2

pptx

Documents & Writing

Create, read, edit PowerPoint presentations (.pptx) — slide decks, pitch decks, templates, layouts, speaker notes.

deckslidespresentation+2

xlsx

Documents & Writing

Open, read, edit, create spreadsheets — .xlsx, .xlsm, .csv, .tsv. Formulas, formatting, charts, data cleaning, conversions.

.xlsxspreadsheet.csv+2

theme-factory

Design & Visual

Toolkit for styling artifacts with a theme — slides, docs, reports, HTML pages. 10 pre-set themes or generate new ones on-the-fly.

themestyle thisapply theme+1

brand-guidelines

Design & Visual

Applies Anthropic's official brand colors and typography to any artifact needing the company look-and-feel.

brand colorsstyle guidelinesvisual formatting+1

frontend-design

Design & Visual

Guidance for distinctive, intentional visual design when building new UI or reshaping existing one — aesthetic direction, typography, anti-template choices.

design UIvisual designaesthetic+1

design-taste-frontend

Design & Visual

Anti-slop frontend skill for landing pages, portfolios, and redesigns. Reads the brief, infers design direction, ships interfaces that don't look templated.

landing pageportfolioredesign+1

design-taste-frontend-v1

Design & Visual

Original v1 taste-skill preserved for projects depending on its exact behavior. Current default is design-taste-frontend (v2).

v1 designoriginal taste skillbackward compat design

high-end-visual-design

Design & Visual

Teaches the AI to design like a high-end agency. Exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive.

premium designexpensive lookagency quality+1

gpt-taste

Design & Visual

Elite UX/UI & Advanced GSAP Motion Engineer. Python-driven true randomization, strict AIDA page structure, wide editorial typography, gapless bento grids.

GSAPscroll animationbento grid+1

minimalist-ui

Design & Visual

Clean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels. No gradients, no heavy shadows.

minimalistclean designeditorial+1

industrial-brutalist-ui

Design & Visual

Raw mechanical interfaces fusing Swiss typographic print with military terminal aesthetics. Rigid grids, extreme type scale contrast, utilitarian color.

brutalistindustrialterminal+2

imagegen-frontend-web

Design & Visual

Elite frontend image-direction skill for premium, conversion-aware website design references. ONE separate horizontal image FOR EVERY section.

design referencewebsite mockuplanding page image+1

imagegen-frontend-mobile

Design & Visual

Elite mobile app image-generation for premium, app-native screen concepts — iOS, Android, cross-platform. Clean hierarchy, tasteful iconography, phone mockup framing.

mobile designapp screensiOS design+1

image-to-code

Design & Visual

Elite website image-to-code skill. Generates design images first, analyzes them, then implements website to match. Prefers large, readable, section-specific images.

image to codedesign to codescreenshot to code+1

redesign-existing-projects

Design & Visual

Upgrades existing websites and apps to premium quality. Audits current design, identifies generic AI patterns, applies high-end standards without breaking functionality.

redesignupgrade UIfix design+1

canvas-design

Design & Visual

Creates beautiful visual art in .png and .pdf documents using design philosophy — posters, art, static pieces. Original work, never copies existing artists.

posterartdesign piece+2

algorithmic-art

Design & Visual

Creates algorithmic art using p5.js with seeded randomness and interactive parameter exploration — generative art, flow fields, particle systems.

generative artalgorithmic artflow field+2

brandkit

Design & Visual

Premium brand-kit image generation for high-end brand-guidelines boards, logo systems, identity decks, and visual-world presentations.

brand kitlogo systemidentity deck+1

slack-gif-creator

Design & Visual

Knowledge and utilities for creating animated GIFs optimized for Slack — constraints, validation tools, and animation concepts.

Slack GIFanimated GIFmake me a GIF for Slack

sleek-design-mobile-apps

Design & Visual

Design mobile apps, create screens, build UI, or interact with Sleek projects — high-level requests and specific ones.

design mobile appcreate screensSleek project+1

stitch-design-taste

Design & Visual

Semantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files enforcing premium, anti-generic UI standards.

StitchDESIGN.mddesign system+1

shadcn

Code & Engineering

Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI with component registries and presets.

shadcnshadcn/uicomponents.json+2

vercel-react-best-practices

Code & Engineering

React and Next.js performance optimization guidelines from Vercel Engineering for components, pages, data fetching, and bundle optimization.

React performanceNext.js optimizationbundle size+1

vercel-composition-patterns

Code & Engineering

React composition patterns that scale — compound components, render props, context providers, component architecture. Includes React 19 API changes.

compound componentsrender propscontext provider+2

vercel-react-view-transitions

Code & Engineering

Guide for implementing smooth animations using React's View Transition API — page transitions, route changes, shared element animations, list reorder.

view transitionspage transitionroute animation+2

vercel-react-native-skills

Code & Engineering

React Native and Expo best practices for building performant mobile apps — components, list performance, animations, native modules.

React NativeExpomobile performance+1

vercel-optimize

Code & Engineering

Vercel cost and performance optimization for deployed projects — bill reduction, slow routes, caching, Function Invocations, Build Minutes, Core Web Vitals.

Vercel costslow routecaching+2

web-artifacts-builder

Code & Engineering

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using React, Tailwind CSS, shadcn/ui — state management, routing.

HTML artifactweb artifactcomplex artifact+1

webapp-testing

Code & Engineering

Toolkit for interacting with and testing local web applications using Playwright — verifying frontend functionality, debugging UI, screenshots, browser logs.

test web appPlaywrightbrowser test+2

full-output-enforcement

Code & Engineering

Overrides default LLM truncation behavior. Enforces complete code generation, bans placeholder patterns, and handles token-limit splits cleanly.

complete codeno truncationfull output+1

caveman

Process & Workflow

Ultra-compressed communication mode. Cuts token usage ~75% by dropping filler, articles, and pleasantries while keeping full technical accuracy.

caveman modetalk like cavemanuse caveman+2

ai-image-generation

Media Generation

Smart router across full image-model catalog on RunComfy — FLUX 2, Nano Banana 2/Pro, GPT Image 2, Seedream 5/4-5/4-0, Qwen Image, Z-Image Turbo, Wan 2-7.

generate imagemake a picturetext to image+3

image-edit

Media Generation

Smart router for image editing — Nano Banana Edit, GPT Image 2 Edit, Flux Kontext Pro, Z-Image Turbo Inpaint. Swaps backgrounds, removes objects, rewrites text.

image editedit imageswap background+2

image-inpainting

Media Generation

Mask-driven image inpainting — object removal, watermark removal, region replacement, blemish cleanup. Routes to Z-Image Turbo Inpainting and identity-preserving edit models.

inpaintinpaintingremove from image+3

image-outpainting

Media Generation

Extend still images beyond original canvas — change aspect ratio, uncrop, fill surroundings while preserving original content.

outpaintoutpaintingextend canvas+3

relight

Media Generation

Relight a still image — change lighting setup, color temperature, direction, or mood. Product relighting, portrait mood shift, color-grade change.

relightrelightingchange lighting+3

flux-2-klein

Media Generation

Generate images with Flux 2 Klein (Black Forest Labs' distilled fast variant) — sub-second latency, multi-reference brand styling, declarative prompts.

flux 2 kleinflux kleinBFL flux 2+1

flux-kontext

Media Generation

Edit images with Flux 1 Kontext Pro — single-reference precise local edits, strong prompt control, consistent high-fidelity outputs.

flux kontextflux 1 kontextkontext+1

gpt-image-2

Media Generation

Generate and edit images with OpenAI GPT Image 2 — embedded text, logos, multilingual typography, instruction precision. 3 fixed sizes.

gpt image 2ChatGPT Images 2image 2+1

gpt-image-edit

Media Generation

Edit images with GPT Image 2 edit endpoint — preservation language, in-image text editing, multi-reference up to 10 images, layout precision.

gpt image editedit with gpt image 2chatgpt image edit

nano-banana-2

Media Generation

Generate images with Google Nano Banana 2 (Gemini flash-tier) — rapid iteration, in-image typography, predictable framing, optional web-grounded context.

nano bananagoogle image gengemini image+1

nano-banana-edit

Media Generation

Edit images with Google Nano Banana 2 edit endpoint — preserve subject identity, swap background, spatial language edits, batch up to 20 images.

nano banana editedit with nano bananaimage edit nano banana

ai-video-generation

Media Generation

Smart router across full video-model catalog — HappyHorse 1.0, Wan 2-7, Seedance v2, Kling 3.0/2-6, Veo 3-1, Hailuo 2-3, Dreamina 3-0. Text-to-video and image-to-video.

generate videomake a videotext to video+4

image-to-video

Media Generation

Animate any still image — HappyHorse 1.0 I2V, Wan 2.7 with audio_url lip-sync, or Seedance 2.0 Pro multi-modal animation.

image to videoi2vanimate image+1

video-edit

Media Generation

Edit existing video — Wan 2.7 Edit-Video (restyle/background swap), Kling 2.6 Pro Motion Control (motion transfer), Lucy Edit Restyle (outfit swap).

video editedit videorestyle video+3

video-extend

Media Generation

Extend or continue existing video clips — Google Veo 3-1 extend-video. Consistent motion, lighting, and subject identity across continuation.

extend videocontinue videolonger video+3

video-inpainting

Media Generation

Region edits across video frames — remove objects, clean up wires/watermarks, replace regions with matching motion.

video inpaintremove from videomask region in video+2

video-outpainting

Media Generation

Extend spatial canvas of video — change aspect ratio (vertical to horizontal), add environment beyond original frame.

video outpaintextend video canvasuncrop video+2

ai-music

Media Generation

Smart router across music-model catalog — ElevenLabs AI Music (premium 44.1 kHz, $0.0083/s) and ACE Step (open-weights, $0.0002-0.0003/s, ~27× cheaper). Inpaint and outpaint audio.

generate musicmake a songAI music+5

elevenlabs-music-generation

Media Generation

Generate full songs with ElevenLabs Music — studio-quality 44.1 kHz stereo, 5s-5min, section-level control (Intro/Verse/Chorus/Bridge), multilingual vocals.

ElevenLabs Musicpremium musicvocal track+1

ace-step

Media Generation

Generate, inpaint, and outpaint music with ACE Step (StepFun-AI open-weights) — tag-driven composition, multilingual lyrics, 5s-4min, $0.0002-0.0003/s.

ace stepACE musicopen music model+3

happyhorse-1-0

Media Generation

Generate text-to-video with HappyHorse 1.0 — #1 on Arena, native 1080p with in-pass synchronized audio, multi-shot character consistency.

happyhorsehappy horsehappyhorse 1.0+1

wan-2-7

Media Generation

Generate text-to-video with Wan 2.7 (Wan-AI flagship motion model) — multi-reference conditioning, audio-driven lip-sync, smooth transitions.

wanwan 2.7wan video+1

seedance-v2

Media Generation

Generate cinematic short-form video with ByteDance Seedance 2.0 Pro — multi-modal references (up to 9 images, 3 videos, 3 audio), natural lip-sync.

seedanceseedance 2seedance v2+2

kling-3-0

Media Generation

Kling 3.0 video generation — Kuaishou's third-gen multi-shot model with native synchronized audio and consistent character identity. Standard, Pro, and 4K tiers.

klingkling 3.0kling v3+2

ai-avatar-video

Media Generation

Create AI avatar, talking-head, and lip-sync videos — OmniHuman, Wan 2-7 lip-sync, HappyHorse 1.0 with audio, Seedance v2 Pro. Routes based on intent.

talking headlip syncavatar video+5

lipsync

Media Generation

Lip-sync a face to audio — OmniHuman (full-body avatar), Sync Labs sync v2/Pro (mouth sync on video), Kling lipsync, Creatify lipsync.

lip synclipsyncmake this video speak+4

face-swap

Media Generation

Swap a face/character into video or images — Wan 2-2 Animate, GPT Image 2 Edit, Nano Banana Edit, Flux Kontext, Kling 2-6 Motion Control Pro.

face swapswap facedeepfake+4

controlnet-pose

Media Generation

Pose-conditioned generation — Kling 2-6 Motion Control, Wan 2-2 Animate (audio-driven + pose), Z-Image Turbo ControlNet LoRA (OpenPose/DWPose/canny/depth).

controlnetpose controlopenpose+4

codex-pet

Media Generation

Build a Codex-compatible Codex Pet spritesheet.webp + pet.json from a single reference image. 1536x1872 atlas, 9 animation states.

codex petcreate codex petmake codex pet+3

runcomfy-cli

Tooling & Infrastructure

Run any model on RunComfy from CLI — one binary, one auth, hundreds of endpoints. Image/video gen, edit, lip-sync, face swap, inpainting, upscale, LoRA training.

runcomfy cliinstall runcomfyruncomfy login+2

deploy-to-vercel

Tooling & Infrastructure

Deploy applications and websites to Vercel — push live, create preview deployments, manage projects.

deploy my appdeploy to vercelpush live+1

vercel-cli-with-tokens

Tooling & Infrastructure

Deploy and manage projects on Vercel using token-based authentication — no interactive login needed.

vercel tokenvercel envdeploy with token+1

mcp-builder

Tooling & Infrastructure

Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools.

MCP serverModel Context Protocolbuild MCP+1

customize-opencode

Tooling & Infrastructure

Edit opencode's configuration — opencode.json, .opencode/, agents, subagents, skills, plugins, MCP servers, permission rules.

opencode config.opencodeopencode.json+1

claude-api

Tooling & Infrastructure

Reference for Claude API / Anthropic SDK — model IDs, pricing, params, streaming, tool use, MCP, agents, caching, token counting, model migration.

Claude APIAnthropic SDKmodel pricing+3

web-design-guidelines

Code & Engineering

Review UI code for Web Interface Guidelines compliance — accessibility, UX, design best practices.

review my UIcheck accessibilityaudit design+2

Skill Combinations

Common scenarios and which skills work best together. Each combo forms a complete workflow for a real task.

Building a new feature from scratch

Full feature lifecycle: design → plan → implement with TDD → review → merge.

brainstormingwriting-planstddsubagent-driven-developmentfinishing-a-development-branch

Fixing a hard bug

Scientific debugging loop: reproduce, minimize, fix, verify with tests.

diagnosesystematic-debuggingtddverification-before-completion

Creating a landing page

Design-first approach: brainstorm → generate design refs → implement faithfully.

brainstormingdesign-taste-frontendfrontend-designimagegen-frontend-webimage-to-code

Generating AI media (images/video/music)

Route through smart catalog routers that pick the best model for each task.

ai-image-generationai-video-generationai-musicruncomfy-cli

Creating a presentation or document

Plan content → create slides with theme → export to PDF.

brainstormingpptxtheme-factorywriting-guidelinespdf

Deploying to production

Verify everything passes → deploy → optimize for cost and performance.

deploy-to-vercelvercel-cli-with-tokensvercel-optimizeverification-before-completion

Setting up a new project

Configure agent context → design architecture → isolate workspace → set up UI.

setup-matt-pocock-skillsbrainstormingusing-git-worktreesshadcn

Writing documentation

Structured co-authoring → review for style → export to polished format.

doc-coauthoringwriting-guidelinesinternal-commsdocx

Code review cycle

Request review → process feedback rigorously → verify fixes before claiming done.

requesting-code-reviewreceiving-code-reviewverification-before-completion

Architecture improvement

Zoom out to see big picture → find deepening opportunities → stress-test against docs.

improve-codebase-architecturezoom-outbrainstorminggrill-with-docs

Managing issues and triage

Convert plans to issues → triage incoming items → manage workflow states.

to-issuesto-prdtriagesetup-matt-pocock-skills

Creating an AI avatar or talking head video

Generate avatar → sync lips to audio → optionally swap face identity.

ai-avatar-videolipsyncface-swapruncomfy-cli