19 — P9 Figma/JPG function queue
Chốt: 2026-08-15 · DONE 26/26 (2026-08-15) · audit DOCS-AUDIT-2026-08-17.
User: hoàn thiện chức năng trên hình, không thêm màn mới.
Screen core đủ (doc 13 là panel lịch sử, không phải thiếu file screen).
Queue máy: references/figma-fe-work-queue.json
nextRecommended: DONE_QUEUE
0. Quy tắc (bắt buộc)
- Một WP = một pack Figma hoặc một board JPG. Không gộp 2 vertical.
- Read ảnh trước code — JPG trong
design/mockups/ + skill image-to-ui. Figma MCP get_design_context khi không rate-limit; fallback JPG.
- Không tạo
*Screen.tsx mới trừ khi panel trên hình không có equivalent (ưu tiên sheet/modal/chip trong screen sẵn có).
- Không invent API. Chỉ wire endpoint đã IMP. CTA trên hình mà BE chưa có → ẩn hoặc disable + ghi report, không fake tiền/đơn.
- OWNER secret (Pay live · SMS blast · MoMo portal) không nằm queue này.
- P8 (sạc / xe buýt / home svc / giao hàng / QR / hóa đơn) không vào queue — không có board Figma/JPG.
- 14 board planned (DRV/ADM/shared/PAR forms) = gap design, không phải WP code trừ khi user vẽ JPG mới.
Definition of Done (mỗi WP)
1. Wave A — Consumer Figma packs (ưu tiên)
List/home đã SYNCED (2026-08-13). Wave này làm panel còn lại trên cùng board: detail · filter · cart · success.
| # |
WP |
Domain |
Figma |
JPG |
Chức năng còn trên hình (làm) |
Status |
| 1 |
WP-FIGMA-FN-FNB-01 |
D-FNB |
25:761 |
44ba… 0beb… |
Menu size/topping · cart qty · map pin · track · rate |
IMP (2026-08-15) |
| 2 |
WP-FIGMA-FN-GROCERY-01 |
D-GROCERY |
25:1550 |
160bc… |
Store aisle · filter sheet · checkout slot · success |
IMP (2026-08-15) |
| 3 |
WP-FIGMA-FN-RIDE-01 |
D-RIDES |
28:3207 |
090d… |
Matching board · in-trip map · chat/call CTA · rate |
IMP (2026-08-15) |
| 4 |
WP-FIGMA-FN-HOTEL-01 |
D-HOTEL |
25:1379 |
934d… |
Filter · room pick · confirm fields · success |
IMP (2026-08-15) |
| 5 |
WP-FIGMA-FN-RENT-01 |
D-RENTAL |
25:1686 |
0ea6… |
Filter sheet · saved · compare · viewing confirm |
IMP (2026-08-15) |
| 6 |
WP-FIGMA-FN-MED-01 |
D-MED |
25:1858 |
f16b… 884bc… |
115/ER · specialty · doctor · map · chat |
IMP (2026-08-15) |
| 7 |
WP-FIGMA-FN-PHARM-01 |
D-PHARM |
25:2014 |
24c3… 51ff… |
Category · Rx · cart · success (re-pixel MCP) |
IMP (2026-08-15) |
| 8 |
WP-FIGMA-FN-PARK-01 |
D-PARK |
25:1037 |
25af… |
Lot detail · filter · book · pay-ok |
IMP (2026-08-15) |
| 9 |
WP-FIGMA-FN-FUEL-01 |
D-FUEL |
25:899 |
2905… |
Detail · filter · chỉ đường |
IMP (2026-08-15) |
| 10 |
WP-FIGMA-FN-ATM-01 |
D-ATM |
25:1232 |
6c9b… |
Detail · bank filter · cash status |
IMP (2026-08-15) |
| 11 |
WP-FIGMA-FN-SCHOOL-01 |
D-SCHOOL |
26:2958 |
706f… |
Filter · compare · consult success · saved |
IMP (2026-08-15) |
| 12 |
WP-FIGMA-FN-HOME-01 |
D-PLACE |
365:10 |
0293… 61a37… |
Shortcut pills · explore · search còn lệch hình |
IMP (2026-08-15) |
2. Wave B — Consumer JPG (không có pack Figma list-sync)
| # |
WP |
Domain |
JPG |
Chức năng trên hình |
Status |
| 13 |
WP-FIGMA-FN-WALLET-01 |
D-WALLET |
6183… 1eabc… |
Methods · add card · stats filter · topup result |
IMP (2026-08-15) |
| 14 |
WP-FIGMA-FN-SOC-01 |
D-SOCIAL |
9a111… |
Create · comments · profile · follow trên board |
IMP (2026-08-15) |
| 15 |
WP-FIGMA-FN-ROUTE-01 |
D-ROUTE |
b6ccd… |
4 màn nav pixel + CTA (MCP DEFERRED → JPG) |
IMP (2026-08-15) |
| 16 |
WP-FIGMA-FN-AUTH-01 |
D-AUTH |
bfb028… |
Account/settings/saved/activity/AI còn lệch board |
IMP (2026-08-15) |
| 17 |
WP-FIGMA-FN-SYS-01 |
System |
868c… |
Empty/offline/GPS/pay gắn đủ list vertical |
IMP (2026-08-15) |
3. Wave C — Partner JPG (form/tab trên hình)
Không tách screen mới nếu tab đã cover. Làm CTA form trên board (tạo món, giá xăng, slot, phòng, listing, học sinh, kho, toa).
| # |
WP |
Domain |
JPG |
Status |
| 18 |
WP-FIGMA-FN-PAR-FNB-01 |
D-FNB |
1970… c884… ad9d… |
IMP (2026-08-15) |
| 19 |
WP-FIGMA-FN-PAR-FUEL-01 |
D-FUEL |
7971… 2905… |
IMP (2026-08-15) |
| 20 |
WP-FIGMA-FN-PAR-PARK-01 |
D-PARK |
031d… 5ad2… |
IMP (2026-08-15) |
| 21 |
WP-FIGMA-FN-PAR-HOTEL-01 |
D-HOTEL |
14e5… 40e7… |
IMP (2026-08-15) |
| 22 |
WP-FIGMA-FN-PAR-RENT-01 |
D-RENTAL |
cfcf… 2e017… |
IMP (2026-08-15) |
| 23 |
WP-FIGMA-FN-PAR-SCH-01 |
D-SCHOOL |
f311… |
IMP (2026-08-15) |
| 24 |
WP-FIGMA-FN-PAR-PHARM-01 |
D-PHARM |
56cd… |
IMP (2026-08-15) |
| 25 |
WP-FIGMA-FN-PAR-MED-01 |
D-MED |
679af… |
IMP (2026-08-15) |
4. Wave D — Driver JPG
| # |
WP |
Domain |
JPG |
Chức năng trên hình |
Status |
| 26 |
WP-FIGMA-FN-DRV-01 |
D-DRIVER |
7b769… |
Trip card · accept · in-trip slide · wallet · ratings |
IMP (2026-08-15) |
5. Ngoài queue (cố ý)
| Mục |
Lý do |
| P8 charging/transit/homesvc/delivery/qr/bills |
Không có hình Figma/JPG dedicated |
| BOARD-ADM-01…04 · BOARD-SHR-_ · BOARD-PAR-FORM-_ (spec-only) |
Chưa JPG — OWNER design |
| OWNER Pay/SMS/MoMo |
Secret / portal — STATUS §2 |
| BE STUB |
Queue agent-work-queue.json EMPTY — không invent API |
6. Prompt «tiếp» (copy)
Domain + WP từ docs/references/figma-fe-work-queue.json → nextRecommended
Đọc: docs/19-FIGMA-FUNCTION-QUEUE.md + docs/STATUS.md
Design: Read JPG (design-index) · Figma node nếu MCP OK
Skill: image-to-ui
AC: mọi CTA trên hình hoạt động trong screen/sheet sẵn có
Không tạo screen mới · không invent API · không đụng OWNER secret
Một turn = một WP
Xong WP: set nextRecommended sang hàng QUEUED kế; Status → IMP. Queue P9 hết → DONE_QUEUE.