Tóm tắt nhanh:
ak-designchọn đúng quy trình cho từng loại sản phẩm hình ảnh: logo, bộ nhận diện, poster, banner, ảnh mạng xã hội, icon. Nó đưa bạn duyệt giả định và brief trước, làm theo từng lượt, rồi tự chấm bản cuối. Nó không viết code giao diện, việc đó dành choak-frontend-design; thương hiệu thật mà thiếu logo thì nó dừng hỏi bạn, không tự vẽ.
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ần ra một sản phẩm hình ảnh: logo cho thương hiệu mới, bộ nhận diện, poster theo series, ảnh đăng mạng xã hội đúng kích thước, hoặc muốn chấm một thiết kế có sẵn trước khi gửi. Không cần khi bạn muốn dựng giao diện bằng code như component React hay Tailwind: việc đó dành cho ak-frontend-design hoặc skill giao diện bạn đã cài.
flowchart LR
A["Brief thiết kế"] --> B["ak-design"]
B --> C["File thiết kế + giới hạn đã biết"]
B --> D["Dừng: thiếu logo thương hiệu thật"]
E["Code giao diện"] --> F["ak-frontend-design"]Bốn khái niệm cần nắm:
| Khái niệm | Câu hỏi | Ví dụ |
|---|---|---|
| Loại sản phẩm | Bạn cần ra thứ gì? | Logo, bộ nhận diện, slide, banner, poster, ảnh mạng xã hội, icon |
| Thương hiệu thật hay tự đặt | Thương hiệu này đã có tài sản thật chưa? | Thiết kế cho một khách hàng có sẵn logo: gom logo, ảnh sản phẩm, ảnh giao diện trước, ghi vào brand-spec.md, mọi bản thiết kế dùng lại từ đó |
| Làm theo lượt | Khi nào bạn được xem và sửa hướng? | Lượt 1 giả định và brief, lượt 2 bản thật kèm biến thể, lượt 3 tinh chỉnh, lượt 4 kiểm tra rồi giao |
| Tự chấm trước khi giao | Bản này đã đủ tốt chưa? | Ý tưởng 5/10 thì tổng điểm bị chặn ở 6.0, dù trình bày đẹp |
Prompt mẫu cho logo của thương hiệu mới:
/ak-design logo cho <tên thương hiệu>, một tiệm bánh thủ công ở Đà Lạt.
Phong cách: tối giản, ấm áp. Màu: tông đất.
Cần dùng được trên biển hiệu, tem dán hộp bánh và favicon.
Cho tôi xem brief trước khi tạo ảnh.Skill này không có cờ.
Phần dưới đây là bản chi tiết: luồng chạy, 6 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-design: làm logo, bộ nhận diện, poster và banner" 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-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-design
