when-bridging-web-cli-use-web-cli-teleport
Bridge web interfaces with CLI workflows
Users need a way to integrate web applications with command-line tools for real-time communication. This skill provides step-by-step guidance for building bidirectional web-CLI bridges using REST APIs and WebSockets.
์คํฌ ZIP ๋ค์ด๋ก๋
Claude์์ ์ ๋ก๋
์ค์ โ ๊ธฐ๋ฅ โ ์คํฌ โ ์คํฌ ์ ๋ก๋๋ก ์ด๋
ํ ๊ธ์ ์ผ๊ณ ์ฌ์ฉ ์์
ํ ์คํธํด ๋ณด๊ธฐ
"when-bridging-web-cli-use-web-cli-teleport" ์ฌ์ฉ ์ค์ ๋๋ค. Build a web interface that can execute CLI commands
์์ ๊ฒฐ๊ณผ:
- Bridge server running on port 3001
- WebSocket connection established
- Command executed: echo hello
- Output: hello
- API response time: 45ms
"when-bridging-web-cli-use-web-cli-teleport" ์ฌ์ฉ ์ค์ ๋๋ค. Design API for bidirectional web-CLI communication
์์ ๊ฒฐ๊ณผ:
- POST /api/cli/execute - Execute CLI command from web
- POST /api/web/render - Render web UI from CLI
- WebSocket events: cli-output, render-component
- Authentication middleware ready
- Rate limiting configured at 100 req/min
๋ณด์ ๊ฐ์ฌ
์ค๊ฐ ์ํThis is documentation/guidance skill containing no malicious code. It provides example patterns for web-CLI integration with explicit security warnings. The static analyzer flagged example code patterns (exec, child_process) that are documented educational examples with acknowledged security considerations. The skill itself documents these risks and provides security best practices.
๋์ ์ํ ๋ฌธ์ (1)
์ค๊ฐ ์ํ ๋ฌธ์ (2)
์ํ ์์ธ
โ๏ธ ์ธ๋ถ ๋ช ๋ น์ด (1)
๐ ๋คํธ์ํฌ ์ ๊ทผ (1)
ํ์ง ์ ์
๋ง๋ค ์ ์๋ ๊ฒ
Remote CLI Control
Control CLI tools from a web dashboard for easier DevOps management and monitoring
Build System Integration
Trigger builds and deployments from web interfaces with real-time output streaming
Admin Dashboard
Create web-based admin panels for server management and command execution
์ด ํ๋กฌํํธ๋ฅผ ์ฌ์ฉํด ๋ณด์ธ์
Create a web-CLI bridge that allows a React web interface to execute simple CLI commands and display output via WebSocket
Design REST API specification for a web-CLI bridge with endpoints for command execution and real-time output streaming
Add authentication, command whitelisting, and input validation to the web-CLI bridge to prevent unauthorized command execution
Create Docker deployment configuration and monitoring setup for a production web-CLI bridge server
๋ชจ๋ฒ ์ฌ๋ก
- Implement authentication and command whitelisting before deployment
- Validate and sanitize all user inputs to prevent command injection
- Use rate limiting and CORS restrictions to protect API endpoints
ํผํ๊ธฐ
- Using exec() with unsanitized user input directly
- Leaving CORS open to all origins in production
- Deploying without authentication or authorization
์์ฃผ ๋ฌป๋ ์ง๋ฌธ
Which AI tools support this skill?
What are the performance targets?
Can I use this with existing CLI tools?
How do I secure the bridge server?
What if commands hang or timeout?
How is this different from SSH?
๊ฐ๋ฐ์ ์ธ๋ถ ์ ๋ณด
์์ฑ์
DNYoussef๋ผ์ด์ ์ค
MIT
๋ฆฌํฌ์งํ ๋ฆฌ
https://github.com/DNYoussef/ai-chrome-extension/tree/main/.claude/skills/workflow/when-bridging-web-cli-use-web-cli-teleport์ฐธ์กฐ
main
ํ์ผ ๊ตฌ์กฐ