Tóm tắt nhanh:
ak-cip-designlập brief nhận diện (ngành, phong cách, màu, chữ, hạng mục nên làm) rồi dựng ảnh mockup cho đúng những món bạn nêu. Thương hiệu đã có thì nó dùng logo thật của bạn; chưa có logo thì làm trước bằngak-logo-design, hoặc cho phép làm concept. Nó không tự vẽ lại nhận diện thay bạn, và ảnh là mockup để duyệt, không phải file in.
Công khai: mình là maintainer của AgentKit và có quan hệ affiliate: link AgentKit trong bài là link affiliate, mua qua link này bạn được giảm 30%.
Tóm tắt
Dùng khi bạn có một thương hiệu và cần thấy nó nằm trên đồ thật: danh thiếp, giấy tiêu đề, biển lễ tân, áo, xe, bao bì. Cũng dùng khi chỉ cần brief định hướng, hoặc cần gom mockup thành một trang HTML gửi khách. Không cần khi bạn cần file in cho nhà in: skill chỉ làm ảnh mockup để duyệt, file in phải làm riêng.
flowchart LR
A["Thương hiệu + hạng mục cần làm"] --> B["ak-cip-design"]
L["ak-logo-design, khi chưa có logo"] -.-> B
B --> C["Brief nhận diện"]
C --> D["Ảnh mockup từng hạng mục"]
D --> E["Trang HTML trình bày, nếu cần"]
D --> F["Dừng: bạn duyệt, làm file in riêng"]Bốn khái niệm cần nắm:
| Khái niệm | Câu hỏi | Ví dụ |
|---|---|---|
| Brief nhận diện | Thương hiệu này nên trông thế nào trên đồ vật? | Quán trà thủ công: phong cách Warm Organic, màu nâu và xanh lá, giấy kraft, nên làm danh thiếp, túi vải, nhãn hộp |
| Logo thật hay concept | Ảnh sẽ in logo của bạn hay một logo do AI tưởng tượng? | Có file logo: mockup chèn đúng logo đó và được so lại với bản gốc. Thương hiệu mới, bạn cho phép làm concept: ảnh được ghi rõ là concept |
| Hạng mục được nêu | Lần này dựng những món nào? | Chỉ danh thiếp và biển lễ tân. Skill không tự dựng thêm áo, xe nếu bạn không nêu |
| Mockup khác file in | Ảnh nhận được dùng để làm gì? | Ảnh PNG để duyệt ý tưởng, gửi khách xem. Không phải file vector sẵn sàng đưa nhà in |
Prompt mẫu khi thương hiệu đã có logo:
/ak-cip-design danh thiếp và biển lễ tân cho <tên thương hiệu>, ngành <ngành>.
Logo: <đường dẫn file logo.png>. Giữ nguyên logo, màu và tỉ lệ.
Không làm: áo, xe, bao bì.Skill này không có cờ.
Phần dưới đây là bản chi tiết: luồng chạy, 4 tình huống kèm prompt, lịch sử thay đổi theo bản ak và các lỗi hay vấp. Bản chi tiết và trang trực quan dành cho subscriber. Agent của bạn cũng tìm được trong đó qua MCP của portal.
Mở khi tài khoản có quyền subscriber
Bài này dành cho subscriber
Khi tài khoản có quyền, toàn bộ bài, bản visual tương tác và lệnh gọi từ agent đều mở.
- Đăng nhập hoặc tạo tài khoản modernEngineerQuyền đọc gắn với email tài khoản.
- Chọn gói trên trang Bảng giáGói 1, 3 hoặc 12 tháng, trả bằng chuyển khoản VietQR. Quyền đọc mở khoảng một phút sau khi tiền về.
- Hoặc nhập mã Facebook subscriberNgười ủng hộ trang qua Facebook nhận mã kích hoạt qua tin nhắn mỗi tháng.
Đã là subscriber? Đăng nhập để đọc.
Dùng bài này trong agent của bạn
Lấy API keyChép đoạn dưới, dán vào Claude Code, Codex hay agent bạn đang dùng. Agent đọc bài rồi đối chiếu với repo đang mở.
Đọc bài "ak-cip-design: dựng mockup bộ nhận diện thương hiệu" trên modernEngineer rồi áp dụng vào repo này.
1. Gọi tool content_get của MCP server modernengineer với locale "vi", slug "ak-cip-design". Nếu chưa nối MCP server modernengineer, dừng lại và hướng dẫn tôi nối theo https://modernengineer.dev/vi/mcp.
2. Tóm tắt các bước chính của bài, chỉ ra bước nào áp dụng được cho repo này.
3. Đề xuất thay đổi cụ thể và hỏi tôi trước khi sửa file.Nối MCP cho Claude Code (một lần)
claude mcp add --transport http modernengineer \
https://api.modernengineer.dev/mcp \
--header "Authorization: Bearer <API key>"Đọc trọn bài qua MCP cần API key của tài khoản subscriber hoặc đã mua guide này. Không có quyền, agent sẽ chỉ đọc được phần mở đầu.
- Phiên bản
- v1.0.0
- Cập nhật
- 22/10/2026
- Giấy phép
- Bảo lưu mọi quyền
- Slug
- ak-cip-design
