agent-browser-automati…
Automate browser interactions for development testing using Puppeteer MCP
Load comprehensive context about Fresh + ConnectRPC full-stack architecture with project-specific analysis
How it fires
How this command gets triggered: by you, by Claude, or both.
/context-load-fresh-connect-stackContext preview
What this command does when you run it.
Load comprehensive context about Fresh + ConnectRPC full-stack architecture with project-specific analysis
allowed-tools: Read, Write, Bash(fd:*), Bash(rg:*), Bash(jq:*), Bash(gdate:*), WebFetch, Task name: "Context Load Fresh Connect Stack" description: "Load comprehensive context about Fresh + ConnectRPC full-stack architecture with project-specific analysis" author: "wcygan" tags: ["context","web"] version: "1.0.0" created_at: "2025-07-14T00:00:00Z" updated_at: "2025-07-14T00:00:00Z"
STEP 1: Initialize comprehensive Fresh + ConnectRPC context loading session
{
"sessionId": "$SESSION_ID",
"timestamp": "$(date -Iseconds)",
"phase": "initialization",
"architecture_type": "auto-detect",
"frontend_detected": false,
"backend_detected": false,
"integration_patterns": [],
"documentation_loaded": {},
"project_analysis": {},
"context_areas": [
"architecture_overview",
"project_structure",
"development_workflow",
"integration_patterns",
"production_features"
],
"checkpoints": []
}STEP 2: Project architecture detection and analysis
TRY:
IF Fresh indicators found AND Go backend indicators found:
ELSE IF Fresh indicators found AND NOT Go backend:
ELSE IF Go backend indicators found AND NOT Fresh:
ELSE:
CATCH (project_analysis_failed):
STEP 3: Adaptive documentation loading based on detected architecture
CASE architecture_type: WHEN "full_stack_fresh_connect":
1. **Fresh Architecture Agent**: Load Fresh 2.0 Islands, SSR, routing patterns
2. **ConnectRPC Integration Agent**: Load Go ConnectRPC, buf.build, protobuf patterns
3. **API Proxy Patterns Agent**: Load proxy configuration, CORS, type safety
4. **Development Workflow Agent**: Load Deno tasks, hot reload, Docker setup
5. **Production Deployment Agent**: Load deployment, monitoring, security patterns
WHEN "fresh_frontend_only":
WHEN "connectrpc_backend_only":
WHEN "greenfield_setup":
STEP 4: Comprehensive documentation fetching and context synthesis
TRY:
**Core Framework Documentation:**
1. **Fresh Framework Context**
A lightweight (~46kB) and comprehensive CLI tool for managing Claude commands, configurations, and workflows.
Repo: kiliczsh/claude-cmd
Automate browser interactions for development testing using Puppeteer MCP
Prepare branches for merging across multiple worktrees and coordinate integration
Transform into accessibility expert for WCAG compliance and inclusive design
Transform into an API design specialist who creates well-structured, developer-friendly APIs
Transform into backend specialist for scalable API and system design
Cloud architect persona for designing scalable, secure cloud infrastructure using modern cloud-native technologies