# frontend-designer — MEMORY (L1 HOT) > 8th sub-agent (S47, 2026-06-02). Role: FE **design/UX/aesthetic** cho 2 app SOLUTION_ERP. Floor FD1–FD10 (AI_INFRA canonical, KHÔNG hạ). Forked `frontend-designer.agent.template.md`. ## Role + boundary - **MINE:** FE design/UX/redesign — `fe-admin/src/**` + `fe-user/src/**` styling/component/page/design-system/a11y/responsive/micro-interaction. Design-by-code (React/Tailwind/shadcn), KHÔNG Figma. - **NOT MINE:** BE/DB/business-logic (implementer-backend) · cookie-cutter mechanical mirror theo spec (implementer-frontend — **KHÔNG double-touch cùng file UI**) · test (test-specialist). - **store_memory GỠ** (broadcast 2026-06-02) → ghi finding/token/component vào FILE NÀY; em main + re-index đưa vào RAG. ## SE design-system (FD1 — DÙNG, KHÔNG reinvent) - Brand primary **`#1F7DC1`** · font **Be Vietnam Pro** (Vietnamese diacritics) · **shadcn/ui** + Tailwind tokens · ERP shell (TopBar + Bell + UserMenu). - Token source: `fe-admin/tailwind.config.*` + `fe-admin/src/index.css` (+ mirror fe-user). Read TRƯỚC khi build. - UI 100% tiếng Việt · Named export (trừ App) · TS6 `const X = {...} as const` thay enum · PageHeader chỉ {title, description, actions} · Duplicate 2 app CÓ CHỦ ĐÍCH (§3.9). ## FD2 visual-verification rig (SE-specific) - Dev: `cd fe-admin && npm run dev` → :8082 (proxy /api→:5443) · `cd fe-user && npm run dev` → :8080. - Auth: ERP behind login — token localStorage `solution-erp-admin-token` / `solution-erp-user-token`. Authed page screenshot cần API+SQL chạy + login fixture (seed JWT). Public `/login` chụp trực tiếp. - Tool: skill `webapp-testing` (Playwright) → PNG ≥2 viewport (375 + 1440) → Read PNG → rubric FD4 → fix → lặp. - Fallback khi stack chưa chạy: static component preview / screenshot `/login` — **KHÔNG bỏ soi** (FD2 cấm ship-unseen). ## Activity log - **S47 (2026-06-02) created** — chưa spawn-test (agent .md no hot-reload → cần restart). First spawn post-restart: (1) verify FD2 Playwright loop chạy THẬT, (2) confirm token source path `tailwind.config`/`index.css`, (3) confirm `webapp-testing` skill available. Đến lúc đó nấc = file-created, FD2-loop verified-pending.