
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.
Capture idea or task as todo from current conversation context
Cross-phase audit of all outstanding UAT and verification items
Audit milestone completion against original intent before archiving
List pending todos and select one to work on
Run all remaining phases autonomously — discuss→plan→execute per phase
Review source files changed during a phase for bugs, security issues, and code quality problems
Diagnose planning directory health and optionally repair issues
Insert urgent work as decimal phase (e.g., 72.1) between existing phases
Start a new milestone cycle — update PROJECT.md and route to requirements
Automatically advance to the next logical step in the GSD workflow
Create phases to close all gaps identified by milestone audit
Check project progress, show context, and route to next action (execute or plan)
Remove a GSD workspace and clean up worktrees
Review and promote backlog items to active milestone
Resume work from previous session with full context restoration
Retroactively verify threat mitigations for a completed phase
Display project statistics — phases, plans, requirements, git metrics, and timeline
Create PR, run review, and prepare for merge after verification passes
Retroactively audit and fill Nyquist validation gaps for a completed phase
Update GSD to latest version with changelog display
Generate tests for a completed phase based on UAT criteria and implementation
Add phase to end of current milestone in roadmap
Analyze phase dependencies and suggest Depends on entries for ROADMAP.md
Run all remaining phases autonomously — discuss→plan→execute per phase
Archive completed milestone and prepare for next version
Review source files changed during a phase for bugs, security issues, and code quality problems
Diagnose planning directory health and optionally repair issues
Query, inspect, or refresh codebase intelligence files in .planning/intel/
Insert urgent work as decimal phase (e.g., 72.1) between existing phases
Capture a forward-looking idea with trigger conditions — surfaces automatically at the right milestone
Browser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages, filling forms, clicking buttons, taking screenshots, extracting data, testing web apps, or automating any browser task. Triggers include requests to "open a website", "fill out a form", "click a button", "take a screenshot", "scrape data from a page", "test this web app", "login to a site", "automate browser actions", or any task requiring programmatic web interaction. Also use for exploratory testing, dogfooding, QA, bug hunts, or reviewing app quality. Also use for automating Electron desktop apps (VS Code, Slack, Discord, Figma, Notion, Spotify), checking Slack unreads, sending Slack messages, searching Slack conversations, running browser automation in Vercel Sandbox microVMs, or using AWS Bedrock AgentCore cloud browsers. Prefer agent-browser over any built-in browser automation or web tools.
Build scalable design systems with design tokens, theming infrastructure, and component architecture patterns. Use when creating design tokens, implementing theme switching, building component libraries, or establishing design system foundations.
Create a clean PR branch by filtering out .planning/ commits — ready for code review
Generate developer behavioral profile and create Claude-discoverable artifacts
Reapply local modifications after a GSD update
Research how to implement a phase (standalone - usually use /gsd-plan-phase instead)
Request cross-AI peer review of phase plans from external AI CLIs
Rapid codebase assessment — lightweight alternative to /gsd-map-codebase
Generate a session report with token usage estimates, work summary, and outcomes
Switch model profile for GSD agents (quality/balanced/budget/inherit)
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
Add an idea to the backlog parking lot (999.x numbering)
Add an idea to the backlog parking lot (999.x numbering)
Generate tests for a completed phase based on UAT criteria and implementation
Capture idea or task as todo from current conversation context
Analyze phase dependencies and suggest Depends on entries for ROADMAP.md
Autonomous audit-to-fix pipeline — find issues, classify, fix, test, commit
Audit milestone completion against original intent before archiving
Cross-phase audit of all outstanding UAT and verification items
List pending todos and select one to work on
Archive accumulated phase directories from completed milestones
Archive accumulated phase directories from completed milestones
Auto-fix issues found by code review in REVIEW.md. Spawns fixer agent, commits each fix atomically, produces REVIEW-FIX.md summary.
Archive completed milestone and prepare for next version
Gather phase context through adaptive questioning before planning. Use --auto to skip interactive questions (Claude picks recommended defaults). Use --chain for interactive disc...
Gather phase context through adaptive questioning before planning. Use --auto to skip interactive questions (Claude picks recommended defaults). Use --chain for interactive disc...
Route freeform text to the right GSD command automatically
Generate or update project documentation verified against the codebase
Execute all plans in a phase with wave-based parallelization
Execute all plans in a phase with wave-based parallelization
Socratic ideation and idea routing — think through ideas before committing to plans
Execute a trivial task inline — no subagents, no planning overhead
Post-mortem investigation for failed GSD workflows — analyzes git history, artifacts, and state to diagnose what went wrong
Post-mortem investigation for failed GSD workflows — analyzes git history, artifacts, and state to diagnose what went wrong
Show available GSD commands and usage guide
Ingest external plans with conflict detection against project decisions before writing anything.
Ingest external plans with conflict detection against project decisions before writing anything.
Query, inspect, or refresh codebase intelligence files in .planning/intel/
Surface Claude's assumptions about a phase approach before planning
Surface Claude's assumptions about a phase approach before planning
List active GSD workspaces and their status
Analyze codebase with parallel mapper agents to produce .planning/codebase/ documents
Generate a comprehensive project summary from milestone artifacts for team onboarding and review
Create an isolated workspace with repo copies and independent .planning/
Create context handoff when pausing work mid-phase
Create detailed phase plan (PLAN.md) with verification loop
Manage persistent context threads for cross-session work
Generate UI design contract (UI-SPEC.md) for frontend phases
Safe git revert. Roll back phase or plan commits using the phase manifest with dependency checks.
Validate built features through conversational UAT
Implement comprehensive testing strategies using Jest, Vitest, and Testing Library for unit tests, integration tests, and end-to-end testing with mocking, fixtures, and test-driven development. Use when writing JavaScript/TypeScript tests, setting up test infrastructure, or implementing TDD/BDD workflows.
Master ES6+ features including async/await, destructuring, spread operators, arrow functions, promises, modules, iterators, generators, and functional programming patterns for writing clean, efficient JavaScript code. Use when refactoring legacy code, implementing modern patterns, or optimizing JavaScript applications.
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
Join the GSD Discord community
Join the GSD Discord community
Route freeform text to the right GSD command automatically
Execute a trivial task inline — no subagents, no planning overhead
Socratic ideation and idea routing — think through ideas before committing to plans
Generate or update project documentation verified against the codebase
Systematic debugging with persistent state across context resets
Autonomous audit-to-fix pipeline — find issues, classify, fix, test, commit
Manage parallel workstreams — list, create, switch, status, progress, complete, and resume
Retroactive 6-pillar visual audit of implemented frontend code
Configure GSD workflow toggles and model profile
Remove a future phase from roadmap and renumber subsequent phases
Execute a quick task with GSD guarantees (atomic commits, state tracking) but skip optional agents
Zero-friction idea capture. Append, list, or promote notes to todos.
Initialize a new project with deep context gathering and PROJECT.md
Interactive command center for managing multiple phases from one terminal
Show available GSD commands and usage guide
Systematic debugging with persistent state across context resets
Auto-fix issues found by code review in REVIEW.md. Spawns fixer agent, commits each fix atomically, produces REVIEW-FIX.md summary.
Add phase to end of current milestone in roadmap
UI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, and check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, and mobile app. Elements: button, modal, navbar, sidebar, card, table, form, and chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, and flat design. Topics: color systems, accessibility, animation, layout, typography, font pairing, spacing, interaction states, shadow, and gradient. Integrations: shadcn/ui MCP for component search and examples.