Skip to main content

Agent Workflows

Workflows define how agents approach their work systematically and consistently.

Why Workflows Matter

Consistency

Same quality output every time

Predictability

Know what to expect at each stage

Quality Gates

Built-in checkpoints prevent issues

Coordination

Multiple agents work together smoothly

Standard Workflow Pattern

Most agents follow this four-phase workflow:
1

Phase 1: Discovery

Understand the problem and gather contextActivities:
  • Review requirements and specifications
  • Analyze existing codebase or systems
  • Identify constraints and dependencies
  • Research best practices and patterns
Deliverables:
  • Context analysis
  • Requirements clarification
  • Identified constraints
  • Initial approach proposal
2

Phase 2: Planning

Design the solution and create execution planActivities:
  • Design architecture or approach
  • Break down work into tasks
  • Identify risks and mitigation strategies
  • Define success criteria
Deliverables:
  • Design documentation
  • Task breakdown
  • Risk assessment
  • Success metrics defined
3

Phase 3: Execution

Implement the solutionActivities:
  • Write code or create assets
  • Follow best practices and standards
  • Document decisions and trade-offs
  • Perform self-review
Deliverables:
  • Code, designs, or other artifacts
  • Implementation documentation
  • Self-test results
  • Known limitations documented
4

Phase 4: Verification

Validate quality and completenessActivities:
  • Test functionality thoroughly
  • Verify against success criteria
  • Check for edge cases
  • Prepare evidence of quality
Deliverables:
  • Test results
  • Quality metrics
  • Evidence (screenshots, logs, reports)
  • Verification status (PASS/FAIL)

Agent-Specific Workflows

Engineering Workflows

## Frontend Developer Workflow

### Step 1: Project Setup & Architecture (Day 1)
- Initialize project with modern tooling
  - Vite/Next.js + TypeScript
  - ESLint, Prettier, Husky
  - Vitest for testing
- Configure build optimization
  - Code splitting strategy
  - Asset optimization
  - Performance budgets
- Set up CI/CD integration
  - GitHub Actions workflow
  - Automated testing
  - Deployment pipeline
- Design component architecture
  - Design system foundation
  - Component hierarchy
  - State management approach

### Step 2: Component Development (Days 2-5)
- Create component library
  - Atomic design methodology
  - TypeScript types for all props
  - Storybook documentation
- Implement responsive design
  - Mobile-first approach
  - Breakpoint strategy
  - Flexible layouts
- Build in accessibility
  - ARIA labels
  - Keyboard navigation
  - Screen reader testing
- Write unit tests
  - Component behavior
  - Edge cases
  - Accessibility tests

### Step 3: Performance Optimization (Days 6-7)
- Implement code splitting
  - Route-based splitting
  - Component lazy loading
  - Dynamic imports
- Optimize assets
  - Image optimization (WebP/AVIF)
  - Font loading strategy
  - SVG optimization
- Monitor Core Web Vitals
  - LCP < 2.5s
  - FID < 100ms
  - CLS < 0.1
- Set up performance monitoring
  - Real User Monitoring
  - Performance budgets
  - Alert thresholds

### Step 4: Testing & QA (Days 8-9)
- Comprehensive testing
  - Unit tests (>80% coverage)
  - Integration tests
  - E2E tests for critical flows
- Accessibility testing
  - Automated tests (axe-core)
  - Manual testing (screen readers)
  - Keyboard navigation verification
- Cross-browser testing
  - Chrome, Firefox, Safari, Edge
  - Mobile browsers
  - Different OS versions
- Performance verification
  - Lighthouse CI
  - WebPageTest
  - Real device testing

### Quality Gate
- All tests passing
- Coverage > 80%
- Lighthouse scores > 90
- Zero accessibility errors
- Cross-browser compatibility verified

Testing Workflows

## Evidence Collector Workflow

### Step 1: Test Planning (30 min)
- Review requirements
  - Feature specifications
  - Acceptance criteria
  - Design mockups
- Identify test scenarios
  - Happy path
  - Edge cases
  - Error conditions
- Plan evidence collection
  - Screenshot locations
  - Video recordings needed
  - Test data preparation

### Step 2: Visual Evidence Collection (2 hours)
- Capture full-page screenshots
  - Desktop (1920x1080)
  - Tablet (768x1024)
  - Mobile (375x667)
- Document interactive states
  - Before/after interactions
  - Hover states
  - Focus states
  - Loading states
- Test user journeys
  - Step-by-step screenshots
  - Complete flows documented
  - Success and error paths
- Cross-browser testing
  - Chrome, Firefox, Safari
  - Mobile browsers
  - Edge cases

### Step 3: Issue Documentation (1 hour)
- Catalog findings
  - 3-5 issues minimum (default assumption)
  - Severity classification
  - Reproduction steps
- Provide visual proof
  - Screenshots showing issues
  - Comparison with expected
  - Multiple viewports if relevant
- Document test coverage
  - Features tested
  - Scenarios covered
  - Known limitations

### Step 4: Report Generation (30 min)
- Create QA report
  - Test summary
  - Issues found (with evidence)
  - Test coverage matrix
  - Recommendations
- Organize evidence
  - Logical folder structure
  - Consistent naming
  - Easy reference
- Provide recommendations
  - Priority fixes
  - Nice-to-have improvements
  - Follow-up testing needed

### Quality Gate
- 100% screenshot coverage
- 3+ devices tested
- All interactions documented
- Issues cataloged with visual proof
- Test report complete

Marketing Workflows

## Growth Hacker Campaign Workflow

### Week 1: Strategy & Setup
**Day 1-2: Research**
- Analyze target audience
  - Demographics
  - Psychographics
  - Online behavior
  - Pain points
- Competitive analysis
  - Channel strategies
  - Messaging
  - Pricing
- Identify opportunities
  - Underserved channels
  - Messaging gaps
  - Pricing advantages

**Day 3-4: Channel Selection**
- Evaluate channels
  - Organic social (Twitter, LinkedIn, Reddit)
  - Content marketing (Blog, YouTube)
  - Paid acquisition (Google, Facebook)
  - Referral program
- Calculate potential
  - Expected reach
  - Estimated conversion
  - Projected CAC
- Allocate budget
  - 70% proven channels
  - 20% optimization
  - 10% experimentation

**Day 5: Implementation Plan**
- Create campaign calendar
  - Content schedule
  - Launch timeline
  - Testing schedule
- Set up tracking
  - UTM parameters
  - Analytics goals
  - Attribution model
- Define success metrics
  - User acquisition targets
  - CAC thresholds
  - Conversion goals

### Week 2-3: Launch & Optimize
**Daily Activities:**
- Monitor metrics
  - User signups
  - Channel performance
  - CAC by channel
  - Conversion rates
- Run experiments
  - A/B test landing pages
  - Test messaging variants
  - Optimize ad creative
- Adjust budget
  - Shift to winners
  - Pause underperformers
  - Double down on success

**Weekly Review:**
- Analyze channel performance
- Identify optimization opportunities
- Plan next week's tests
- Report to stakeholders

### Week 4: Analysis & Planning
- Comprehensive analysis
  - What worked
  - What didn't
  - Why (hypotheses)
- Calculate final metrics
  - Total users acquired
  - Blended CAC
  - Channel breakdown
  - ROI by channel
- Next campaign plan
  - Lessons learned
  - Strategy adjustments
  - Budget reallocation

### Quality Gate
- Target users acquired
- CAC under threshold
- Conversion rate > baseline
- Clear learnings documented
- Next campaign planned

Coordination Patterns

Dev↔QA Loop

The most common coordination pattern:
1

Build Phase

Developer implements the featureExit Criteria:
  • Code complete
  • Self-tested
  • Documented
  • Ready for QA
2

Test Phase

QA agent tests thoroughlyActivities:
  • Visual testing (screenshots)
  • Functional testing
  • Edge case testing
  • Documentation review
Outcomes:
  • PASS: Move to next task
  • FAIL: Document issues, return to build
3

Fix & Retry

Developer addresses issuesMaximum Retries: 3 If exceeded: Escalate to senior agent or Reality Checker

Handoff Pattern

When work passes between agents:
## Handoff Template

### From: [Agent Name]
### To: [Agent Name]
### Task: [Task Description]

### Context Provided:
- What was accomplished
- Decisions made (and why)
- Known issues or limitations
- Dependencies or blockers

### What's Needed Next:
- Specific task for receiving agent
- Success criteria
- Timeline expectations
- Resources available

### Evidence Attached:
- Links to work product
- Screenshots or documentation
- Test results or analysis

Multi-Agent Coordination

For complex projects requiring multiple agents:
## Week 1: Architecture
**Parallel Work:**
- UX Architect: Design system + wireframes
- Backend Architect: API design + database schema
- Brand Guardian: Brand foundation
- Sprint Prioritizer: Backlog + sprint plan

**Coordination Point**: End of week architecture review
**Gate**: All agents approve unified architecture

## Week 2-3: Build
**Dev↔QA Loops:**
- Frontend Developer ↔ Evidence Collector
- Backend Architect ↔ API Tester

**Supporting Agents:**
- DevOps Automator: CI/CD pipeline
- Senior Project Manager: Sprint coordination

**Coordination Point**: Daily standups, weekly sprint review

## Week 4: Polish
**Sequential Work:**
1. Evidence Collector: Full QA sweep
2. Performance Benchmarker: Load testing
3. Reality Checker: Final integration check
4. DevOps Automator: Production deployment

**Coordination Point**: Go/no-go decision
**Gate**: Reality Checker approval

Quality Gates

Workflows include built-in quality checkpoints:

Entry Criteria

Requirements for starting work
  • Clear requirements
  • Dependencies met
  • Resources available
  • Success criteria defined

Exit Criteria

Requirements for completing work
  • Work product complete
  • Quality standards met
  • Documentation provided
  • Verification passed

Pass Criteria

What defines success
  • Specific metrics met
  • Tests passing
  • Requirements satisfied
  • Stakeholder approval

Fail Criteria

What triggers rejection
  • Critical issues present
  • Standards not met
  • Incomplete work
  • Failed verification

Next Steps

Use Cases

See workflows in action

Agent Design

Design philosophy

Creating Agents

Build agents with solid workflows

Quick Start

Start using agents

Build docs developers (and LLMs) love