Tóm tắt
"Vibe coding" hay bị chê là ra giao diện AI-slop generic. Bài viết hướng dẫn cách prompt để Claude/Codex sinh UI theo design system của các công ty đỉnh về design: Uber, Vercel, Notion.
Cách làm gọn:
- Quyết định 1 design system làm reference (ví dụ Vercel = đen trắng, sharp corners, mono font)
- Viết 1 prompt block tả rõ palette + typography + spacing rule
- Paste vào CLAUDE.md hoặc system prompt → mọi component sinh ra đều tuân theo
Bài có prompt template cho từng style.
Đọc bản đầy đủ
theagents.work/vibe-code-theo-design-system-cua-uber-vercel-notion
Vì sao đáng đọc
Vibe code mà giao diện đẹp, khách hàng tưởng pro designer làm — không cần thuê thật.