Ship app nhìn như có designer, ngay từ prompt đầu tiên.
AI viết code, Werewolf lo phần đẹp.
Dán đoạn này vào AI agent bạn đang dùng. Nó tự cài phần còn lại.
Run `npx werewolf-ui@latest init --agent cursor --yes --json`. Don't add --overwrite. If there's a conflict, stop and show me. Then tell me which files were created, updated or unchanged.Thích dùng terminal? npx werewolf-ui@latest init
So sánh
Cùng một prompt, khác hẳn kết quả.
Bên trái là UI AI tự làm. Bên phải là cùng prompt đó, có cài Werewolf. Vẫn app đó, chỉ là khoảng cách, độ tương phản và component đã khớp nhau.
Bên trong
Có gì bên trong
Tokens
Màu, bo góc, khoảng cách đặt theo vai trò, đổi theme không vỡ.
- color-accent
- color-background-raised
- color-success
Components
React và Tailwind v4, copy thẳng vào dự án, code là của bạn.
MITCLI
Một lệnh là có token và rule cho agent.
npx werewolf-ui@latest init- Token đã sẵn sàng
- Đã ghi rule cho agent
- Có thể thêm component
Agent rules
initghi rule để agent đọc trước khi động vào UI.- Dùng alias token. Không hardcode màu.
- Mỗi vùng chọn một size.
- Hover và pressed là lớp phủ.
MCP
Agent tra đúng component thay vì đoán.
npx werewolf-ui mcpget_component("button")props, variants, tokens, examplesDocs song ngữ
Docs tiếng Anh và tiếng Việt, người đọc được, AI cũng đọc được.
Toàn bộ component kèm ví dụ chạy thật.
Theme
Thử theme ngay trên trang này
Chọn chế độ sáng tối, hoặc mở Tùy chỉnh để đổi accent, độ ám xám và bo góc. Màn hình bên dưới, và cả trang, đổi theo.
Workspace
Cài đặt cho team của bạn.
| Hóa đơn | Trạng thái | Số tiền |
|---|---|---|
| INV-001 | Đã trả | $250.00 |
| INV-002 | Đến hạn | $1,200.00 |
Pro
Màn hình hoàn chỉnh, ghép từ cùng bộ component
Dashboard làm hoàn toàn từ component và token của Werewolf, thuộc đợt mở bán trước của Pro. Mỗi màn hình theo đúng theme bạn chọn ở đây.
Hoạt động sản phẩm
FAQ