product-design

Marketing specialist for brand strategy, brand guidelines, messaging framework, and go-to-market planning

PRD lifecycle management with creation, validation, task generation, and archival

Full product development guidance from discovery to launch with CPO expertise, market analysis, and strategic planning

Creates manual QA test procedures using Playwright browser automation. Explores applications, documents test steps, and generates checklists for human testers to verify functionality.

Task implementation with documentation-first approach, quality assurance, and systematic progress tracking

UI Product specialist for interface design, UI guidelines, design tokens, and visual quality assurance

UX specialist for user research, interaction design, usability testing, and accessibility

Debugs web applications using Chrome DevTools for console inspection, network analysis, JavaScript evaluation, and performance tracing. Use for diagnosing issues, investigating API calls, and troubleshooting frontend behavior.

Reference for configuring tool permissions when launching Claude Code agents. Use when setting up --allowedTools flags, restricting file access, or configuring agent permissions.

Structured brainstorming for technical solutions

Capture browser console, network, and performance logs for debugging. Auto-loads when debugging browser issues, analyzing errors, or investigating page behavior. Provides systematic log capture workflow using Chrome DevTools MCP.

Use when debugging JavaScript errors, checking console warnings, analyzing browser logs, finding runtime errors, investigating console output, or troubleshooting browser issues. Provides console message analysis.

Create detailed user persona with guided questions

Create a feature-specific PRD (FRD) for individual features

Interactive PRD creation wizard with comprehensive question flow

Create a new QA test procedure for a feature

Load PRD, FRD, Tech Spec, or RFC into context

Use when facing complex, multi-layered debugging issues that require coordinated investigation across different domains (frontend, backend, database, network, etc). Spawns specialized debug expert agents to handle specific aspects of the investigation.

Design system management for building and reusing UI components, tokens, and patterns. Use when working with component libraries, design tokens, style guides, or reusable UI patterns to ensure consistency and promote component reuse.

Start interactive product discovery with expert guidance

Review QA test and capture element screenshots to enrich documentation

Show all available Product Forge agents, skills, and commands

Convert PRD to structured task list with automatic linking

Install Chrome DevTools MCP server for debugging and network inspection in Claude Code

List all PRDs with status, progress, and metadata

List QA test procedures with status and priority

Use when debugging API calls, checking network requests, inspecting HTTP traffic, finding failed requests, analyzing response data, or investigating API errors. Provides detailed request/response analysis.

Use when parallelizing development, running multiple agents, splitting work across agents, coordinating parallel tasks, or decomposing PRDs for concurrent execution. Breaks work into independent agent workstreams.

Decompose PRDs and Tech Specs into parallel-executable tasks with contracts, prompts, and dependency graphs. Use when breaking down a PRD for multi-agent execution.

Execute multiple Claude Code agents in parallel using the cpo CLI tool. Use when running parallel tasks, monitoring execution, or understanding the execution workflow.

Verify integration after parallel agent execution and generate report

Generate agent-ready prompts from existing task specification files. Use when regenerating prompts after editing tasks, updating prompt templates, or preparing tasks for cpo execution.

Orchestrate parallel agent execution with git worktrees

One-time setup of parallel/ directory for multi-agent development

Compact YAML format for defining parallel task specifications with scope, boundaries, and agent assignments. Use when creating task files for parallel development.

Validate and fix parallel prompts for required sections

Define product positioning and brand strategy

Archive completed or cancelled PRDs

Use when organizing PRDs, tracking requirements, managing product specs, updating PRD status, archiving completed docs, or setting up PRD structure. Auto-applies naming conventions and lifecycle management.

Show implementation progress from linked tasks

Check and update PRD status through lifecycle

Chief Product Officer expertise with proven frameworks and strategic guidance. Use when discussing product strategy, market analysis, competitive positioning, feature prioritization, or business models to apply expert CPO perspective.

Extract and capture screenshots of specific UI elements mentioned in QA test procedures. Use when creating visual references for test steps to show exactly what buttons, fields, and components look like.

Screenshot capture, organization, and comparison for QA testing. Use when taking screenshots during test execution to ensure proper naming, organization, and traceability back to test cases.

Evaluate captured screenshots for layout issues, masked elements, and rendering problems. Use after taking screenshots to validate visual correctness and automatically resize viewport if elements are unexpectedly clipped.

Automatic QA test lifecycle management, naming conventions, and directory structure. Use when creating, organizing, or tracking QA tests to ensure proper naming, directory structure, and status transitions.

QA test design patterns (equivalence partitioning, boundary analysis, accessibility). Auto-loads when designing test cases, planning test coverage, or writing test procedures.

Quick start guide for new product development

Focus on a specific task with context loading

List tasks by directory with progress and visual indicators

Documentation-first task execution with quality checks and progress tracking. Use when working with task lists, implementing features, or executing multi-step work to ensure systematic completion with proper documentation review.