Frontend Bridge Agent
# 前端协作助手 - 前端开发人员通过Clawdbot上报API问题
Best use case
Frontend Bridge Agent is best used when you need a repeatable AI agent workflow instead of a one-off prompt.
# 前端协作助手 - 前端开发人员通过Clawdbot上报API问题
Teams using Frontend Bridge Agent should expect a more consistent output, faster repeated execution, less prompt rewriting.
When to use this skill
- You want a reusable workflow that can be run more than once with consistent structure.
When not to use this skill
- You only need a quick one-off answer and do not need a reusable workflow.
- You cannot install or maintain the underlying files, dependencies, or repository context.
Installation
Claude Code / Cursor / Codex
Manual Installation
- Download SKILL.md from GitHub
- Place it in
.claude/skills/devbridge-frontend/SKILL.mdinside your project - Restart your AI agent — it will auto-discover the skill
How Frontend Bridge Agent Compares
| Feature / Agent | Frontend Bridge Agent | Standard Approach |
|---|---|---|
| Platform Support | Not specified | Limited / Varies |
| Context Awareness | High | Baseline |
| Installation Complexity | Unknown | N/A |
Frequently Asked Questions
What does this skill do?
# 前端协作助手 - 前端开发人员通过Clawdbot上报API问题
Where can I find the source code?
You can find the source code on GitHub using the link provided at the top of the page.
SKILL.md Source
# Frontend Bridge Agent
# 前端协作助手 - 前端开发人员通过Clawdbot上报API问题
name: "前端协作助手"
version: "1.0.0"
# Clawdbot配置
clawdbot:
gateway: "https://gateway.clawd.bot"
sessionKey: "agent:frontend:dev"
timeout: 30000
# 通信配置（使用占位符，避免泄露本地路径）
agents:
backend:
sessionKey: "agent:backend:dev"
admin:
sessionKey: "agent:admin:dev"
# 状态存储（使用环境变量，不硬编码本地路径）
state:
# 环境变量优先，否则使用clawdhub默认路径
file: "${CLAWDBOT_STATE_DIR:-/data/clawdbot}/PROBLEMS_STATE.json"
# 内存缓存（可选）
cache:
enabled: true
ttl: 3600 # 1小时
# 命令触发器
triggers:
# 问题报告
- regex: "^/report\\s+(.+)$"
handler: "report_problem"
description: "报告API问题"
- regex: "^/bug\\s+(.+)$"
handler: "report_problem"
description: "报告Bug"
- regex: "^/issue\\s+(.+)$"
handler: "report_problem"
description: "报告Issue"
# 修复操作
- regex: "^/apply\\s+([a-f0-9-]+)$"
handler: "apply_fix"
description: "应用修复方案"
- regex: "^/resolve\\s+([a-f0-9-]+)$"
handler: "resolve_problem"
description: "标记问题已解决"
- regex: "^/continue\\s+([a-f0-9-]+)$"
handler: "continue_fix"
description: "需要继续修复"
# 历史查询
- regex: "^/history$"
handler: "show_history"
description: "查看历史问题"
- regex: "^/status\\s+([a-f0-9-]+)$"
handler: "show_status"
description: "查看问题状态"
- regex: "^/timeline\\s+([a-f0-9-]+)$"
handler: "show_timeline"
description: "查看时间线"
# 环境变量（使用占位符或示例值）
environment:
# AI配置（示例值，不包含实际密钥）
AI_MODEL: "gpt-4"
AI_TEMPERATURE: 0.7
AI_MAX_TOKENS: 2000
# 时间格式
TIMEZONE: "Asia/Shanghai"
DATETIME_FORMAT: "%Y-%m-%d %H:%M:%S"
# 权限配置
permissions:
# 前端Agent可以执行的操作
allowed_actions:
- "problem:report"
- "problem:read"
- "fix:apply"
- "problem:resolve"
- "timeline:read"Related Skills
frontend-design-ultimate
Create distinctive, production-grade static sites with React, Tailwind CSS, and shadcn/ui — no mockups needed. Generates bold, memorable designs from plain text requirements with anti-AI-slop aesthetics, mobile-first responsive patterns, and single-file bundling. Use when building landing pages, marketing sites, portfolios, dashboards, or any static web UI. Supports both Vite (pure static) and Next.js (Vercel deploy) workflows.
homebridge
Control smart home devices via Homebridge Config UI X REST API. Use to list, turn on/off, adjust brightness, color, or temperature of HomeKit-compatible accessories. Supports lights, switches, thermostats, fans, and other Homebridge-managed devices.
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
Longbridge OpenAPI
Longbridge Securities OpenAPI SDK, supporting Hong Kong and US stock trading, real-time market data subscription, and account management.
agent-zero-bridge
Delegate complex coding, research, or autonomous tasks to Agent Zero framework. Use when user says "ask Agent Zero", "delegate to A0", "have Agent Zero build", or needs long-running autonomous coding with self-correction loops. Supports bidirectional communication, file attachments, task breakdown, and progress reporting.
proton-bridge-email
Send email through Proton Mail Bridge (localhost SMTP) using age-encrypted credentials. Use when setting up Proton Bridge for an agent mailbox, encrypting Bridge credentials (no 1Password), or sending automated emails (daily reports, alerts) via Proton Bridge.
feishu-bridge
Connect a Feishu (Lark) bot to Clawdbot via WebSocket long-connection. No public server, domain, or ngrok required. Use when setting up Feishu/Lark as a messaging channel, troubleshooting the Feishu bridge, or managing the bridge service (start/stop/logs). Covers bot creation on Feishu Open Platform, credential setup, bridge startup, macOS launchd auto-restart, and group chat behavior tuning.
paylock
Non-custodial SOL escrow for AI agent deals.
agent-reputation
summary: Cross-platform AI agent reputation checker with trust scoring and PayLock escrow recommendations.
Telecom Agent Skill
Turn your AI Agent into a Telecom Operator. Bulk calling, ChatOps, and Field Monitoring.
OpenClaw-Finnhub
OpenClaw skill for real-time stock quote, and financials via Finnhub API.
```markdown
# OpenClaw-Last.fm