已采用 Ant Design 的 React 管理台组件与主题规范。仅在 frontend/package.json 已声明 antd,或当前设计已明确批准接入 antd 时使用;不适用于默认的普通 CSS 模板。
在 Go/React OpenSpec 项目中把需求推进到可执行、可验收的设计:调研代码、生成 OpenSpec proposal/design/tasks、做架构级 design-review,产出 handoff 交接给执行阶段。 用于用户请求 `$feature-design change-name`、启动或恢复 feature 设计阶段、 需要把模糊需求收敛为可执行设计时。
消费 feature-design 产出的 handoff 与 OpenSpec 工件,完成测试设计、实现与同层测试、 代码审查、Required 测试执行、统一交付 Gate 与归档。 用于用户请求 `$feature-exec change-name`、启动或恢复 feature 交付、从 handoff.json 落地已完成的变更时。
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill for UI tasks that build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
框架无关的前端设计语言参考。提供排版、色彩、动效、空间构图的专业设计原则与反模式清单,避免生成千篇一律的"AI 风格"界面。当构建或优化 UI 界面时使用。
B 端管理台 UX 交互与信息架构原则。提供导航设计、表单交互、数据展示、操作反馈等场景的交互规范,以及无障碍性基线要求。当设计或实现前端交互逻辑时使用。
架构级方案评审与 Bad Path 审查。在 feature-design 的 propose 之后、 gate-design 之前由主流程执行。审查方案完整性、DDD 分层与数据模型一致性、 bad path 覆盖度、任务执行契约,产出审查报告并把错误响应契约追加到 design.md。 说「方案评审」「design review」「架构评审」「审查方案」时触发。
设计、编写和按需运行 Go/React 项目的真实系统 E2E;处理业务旅程覆盖、Playwright 结果、环境写入和失败诊断。组件交互或纯浏览器可操作性优先使用低层或 Browser UI 测试。