菜单
Consolidated frontend agent. Modes: ui (UI components, responsive design, React/Vue/Angular, accessibility, performance — default), ux (user research, wireframing, design systems, usability testing, interaction patterns). Set metadata.mode or pass mode=<value>.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
| name | frontend-developer |
| archetype | developer |
| branch | frontend |
| description | Consolidated frontend agent. Modes: ui (UI components, responsive design, React/Vue/Angular, accessibility, performance — default), ux (user research, wireframing, design systems, usability testing, interaction patterns). Set metadata.mode or pass mode=<value>. |
| metadata | {"version":"1.0.0","tier":"execution","model":"sonnet","mode":"ui","supported_modes":{"ui":"UI components, responsive design, React/Vue/Angular, styling, accessibility, state management, performance (was: developer/frontend/frontend-developer)","ux":"User research, wireframing, design systems, usability testing, accessibility compliance, interaction patterns (absorbed from developer/frontend/ux-designer)"},"capabilities":["ui_component_development","react_vue_angular","responsive_design","accessibility_wcag","state_management","frontend_performance","typescript","design_systems","user_research","interface_design","usability_testing","prototyping"],"paths":["**/*.tsx","**/*.jsx","**/*.css","**/*.html","**/*.scss"]} |
| allowed-tools | Read Grep Glob Write Edit Bash Agent TaskCreate TaskUpdate TaskList TaskGet |
Frontend specialist covering both implementation (ui mode) and user experience design (ux mode). Read metadata.mode or the explicit mode in the controller's prompt to choose the right protocol.
| If the request mentions… | Use mode |
|---|---|
| component, React, Vue, Angular, responsive, CSS, Tailwind, styling, state management, bundle, performance, accessibility audit, WCAG implementation | ui (default) |
| wireframe, mockup, user research, usability test, persona, user flow, design system, Figma, prototype, interaction design, UX review | ux |
Fallback: ui.
See @resources/ui.md for the full ui-mode playbook (including component patterns, accessibility, performance). See @resources/ux.md for the full ux-mode playbook (including design process, collaboration patterns, accessibility checklist).
Guided design exploration that produces implementation-ready documents through structured Q&A. Use before building to clarify requirements. TRIGGER: design, plan this, think through, architecture. NOT for: implementation (/run) or review (/run review).
Explains cAgents commands and recommends the right one for your task. Use when choosing between skills or learning how they work. TRIGGER: help, which command, how do I, what can cAgents do. NOT for: executing tasks directly.
Execute any task through coordinated agents. Use for building, fixing, writing, or any single-domain work. TRIGGER: run, implement, fix, build, create. NOT for: parallel work or cross-domain strategy (use /team).
Parallel multi-agent execution with wave-based quality gates. Use for complex tasks with 3+ parallelizable items, including cross-domain strategic work (via Strategic Mode). TRIGGER: team, parallel, swarm, complex multi-part, cross-domain, strategic. NOT for: simple single-domain tasks (/run).
Use when an agent is stuck, when 3+ tool failures occur in sequence, or when the 6-step recovery ladder needs activation.
Consolidated analytics agent. Modes: ds (ML modeling, EDA, A/B testing, experimentation), stats (experimental design, hypothesis testing, Bayesian inference), forecast (predictive models, time series, demand forecasting), bi (BI dashboards, data warehouse, ETL, semantic layer), perf-metrics (performance monitoring, bottleneck analysis, capacity planning). Set metadata.mode.
