timzaak

Frontend Design

Name: Frontend Design
Author: timzaak

Design community

SOURCE https://github.com/timzaak/web-dev-skills/blob/main/agents/frontend-design.md

Description

--- 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` ## 职责 - 基于主会话提供的需求来

Installation

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.