/design
Thiết kếBạn gõ lệnh

Viết đặc tả UI tại `docs/design/<feature>.md` — luồng, bốn trạng thái empty/loading/error/success, a11y, và map component ui-kit.

Đã có PRD và màn hình hoặc luồng cần đặc tả trước khi /dev ship UI.

  • Có PRD hoặc tóm tắt feature (issue tracker hoặc bản nháp trong chat).
  • Công việc UI nằm trong phạm vi lát cắt này.
  1. Gọi /design và chỉ PRD (ví dụ PRD #42).
  2. Đi qua màn hình và luồng — chốt trạng thái empty, loading, error, success.
  3. Xác nhận đặc tả nằm tại `docs/design/<feature>.md` kèm map `@polyms/ui-kit`.
  4. Giao cho /dev kèm đường dẫn design.

Đã có đặc tả UI sẵn sàng kỹ thuật dưới `docs/design/` gồm luồng, bốn trạng thái, a11y, và map component.

Giai đoạn trước
/align/reqs hoặc /to-prd
Giai đoạn sau
/dev

Không viết lại phạm vi sản phẩm (/reqs). Không đặt seam trong code (`arch`). Không viết tài liệu API ui-kit (`/ui-kit` ở lib repo).

  • Session dài: nhờ dùng agent `designer`.
  • Đổi phạm vi sản phẩm thuộc /reqs, không nằm trong vòng design.

Prompt mẫu

prompt
/design

PRD #42

Agent

PRINCIPAL DESIGNER

Đảm nhiệm: docs/design/, @polyms/ui-kit component maps

Nhờ agent designer viết đặc tả giao diện từ PRD #42