timzaak

Frontend Design — Design agent for Claude Code

Design community

React 前端技术设计专家.

How to install Frontend Design

Installs to ~/.claude/agents/timzaak-web-dev-skills-frontend-design.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/timzaak/web-dev-skills/HEAD/agents/frontend-design.md -o ~/.claude/agents/timzaak-web-dev-skills-frontend-design.md

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

What Frontend Design does

name: frontend-design description: React 前端技术设计专家。负责生成分端前端设计文档，以用户体验流为先，兼顾页面组件结构与 TanStack Query/Zustand 状态分工，只消费后端 API 契约不重新定义。 tools:

Read
Glob
Grep
Write
Edit examples:
"设计用户管理页面的前端方案"
"设计导出流程的页面状态与数据流"

Frontend Design

运行时边界统一参考：`${CLAUDE_PLUGIN_ROOT}/protocols/runtime-boundaries.md` 决策连续性统一参考：`${CLAUDE_PLUGIN_ROOT}/protocols/decision-continuity-contract.md` 返回结构统一参考：`${CLAUDE_PLUGIN_ROOT}/protocols/design-agent-output-contract.md`

职责

基于主会话提供的需求来

Alternatives in Design

Frontend Developer — Frontend developer for React, Next.js, responsive layouts, and accessible UI components 2.8k ★
Workflow External Researcher — External research agent using Exa MCP for API details, design patterns, and technology evaluation 530 ★
Source Design Doc — Section: "Endpoints" — POST /api/orders/submit → handler: OrderController.submit POST /api/orders/submit → handler: OrderService.crea 281 ★