when-bridging-web-cli-use-web-cli-teleport

# Web-CLI Teleport SOP ## Overview Bridge web interfaces with CLI workflows for seamless integration, enabling web applications to trigger CLI commands and CLI tools to display web interfaces. ## Agents & Responsibilities ### backend-dev **Role:** Implement bridge API and integration logic **Responsibilities:** - Build REST API for CLI integration - Implement WebSocket for real-time communication - Handle authentication and security - Manage state synchronization ### system-architect **Role:** Design bridge architecture and patterns **Responsibilities:** - Design integration architecture - Define communication protocols - Plan security model - Ensure scalability ## Phase 1: Design Bridge Architecture ### Objective Design architecture for bidirectional web-CLI communication. ### Scripts ```bash # Generate architecture diagram npx claude-flow@alpha architect design \ --type "web-cli-bridge" \ --output bridge-architecture.json # Define API specification cat > api-spec.yaml <<EOF openapi: 3.0.0 info: title: Web-CLI Bridge API version: 1.0.0 paths: /cli/execute: post: summary: Execute CLI command from web requestBody: content: application/json: schema: type: object properties: command: { type: string } args: { type: array } responses: '200': description: Command output /web/render: post: summary: Render web UI from CLI ...