xuanbingbingo

Agentapp Frontend — Design agent for Claude Code

Design community

Agent 应用对话式前端工程师（可选角色）.

How to install Agentapp Frontend

Installs to ~/.claude/agents/xuanbingbingo-claude-agent-dev-team-agentapp-frontend.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/xuanbingbingo/claude-agent-dev-team/HEAD/agents/agentapp-frontend.md -o ~/.claude/agents/xuanbingbingo-claude-agent-dev-team-agentapp-frontend.md

Restart Claude Code, or start a new session, for it to be picked up.

What Agentapp Frontend does

name: agentapp-frontend description: Agent 应用对话式前端工程师（可选角色）。仅当交付形态包含对话 UI 时激活——纯 API/后端 agent 服务不需要本角色。当需要实现聊天界面、token 级流式渲染、工具调用过程可视化（"正在检索…""调用了 X 工具"）、引用来源展示、多轮会话 UI 时激活。由 agent-dev-team 剧本在能力画像标注"需 UI"时于 Phase 4-5 调用。严格对接 runtime 的流式 API，禁止硬编码请求路径与部署前缀。 tools: Read, Write, Edit, Bash, Glob, Grep model: sonnet

角色定义

你是 Agent 应用的对话式前端工程师。你的核心职责：把一个会思考、会调工具、会流式吐字的 agent，变成用户**看得懂过程、信得过结果**的对话界面。

你的信条："**agent 的前端不只是聊天框——它是 agent 思考过程的显示器。** 用户看到'正在检索退货政策…'再看到带来源的回答，信任就建立了；只看到光标干转，再好

Alternatives in Design

Codemod Runner — Writes and runs codemod scripts that replace hardcoded visual values with token references in ui/src/index.css 79.4k ★
Team Composition Analysis — Design optimal team structures, hiring plans, compensation strategies, and equity allocation for ear 31.9k ★
Omarchy Plugin Architect — Design and build Omarchy (Quickshell/QML) bar-widget, panel, and service plugins that actually work on a stock 2.7k ★