Tóm tắt nhanh:
ak-banner-designdùng lại thương hiệu, tiêu đề, CTA, kích thước và logo bạn đã đưa, chỉ hỏi phần còn thiếu, chọn hướng nghệ thuật rồi xuất banner đúng kích thước. Nó tự kiểm chữ, vùng an toàn, logo và dung lượng trước khi đưa bạn xem. Nó chỉ làm banner: không dựng video, không làm cả website, không lo khâu 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ần ảnh bìa mạng xã hội, bộ quảng cáo hiển thị nhiều kích thước, hero cho website hay file banner in cho sự kiện. Không cần khi bạn muốn cả một trang web, một video, hay cần ai đó lo việc in và sản xuất thật.
flowchart LR
A["Brief: nền tảng, kiểu, kích thước"] --> B["ak-banner-design"]
B --> C["Banner đã xuất và tự kiểm"]
C --> D["Bạn góp ý"]
D --> B
C --> E["Bạn duyệt, dừng"]Bốn khái niệm cần nắm:
| Khái niệm | Câu hỏi | Ví dụ |
|---|---|---|
| Brief | Bạn đã đưa đủ gì để skill khỏi phải hỏi? | Nền tảng, kích thước, tiêu đề, CTA, file quy tắc thương hiệu, file logo |
| Số phương án | Bạn muốn xem mấy hướng thiết kế? | Không ghi số thì nhận 1 banner kèm lời giải thích hướng đã chọn. Ghi "3 hướng" thì nhận 3 bản đặt cạnh nhau. |
| Hướng nghệ thuật | Banner mang phong cách nào cho hợp thông điệp và thương hiệu? | Minimalist cho sản phẩm SaaS, Neon/Cyberpunk cho sự kiện game, Retro cho quán ăn. Skill có sẵn 22 kiểu để chọn. |
| Vùng an toàn | Chữ, logo, CTA đặt ở đâu để không bị cắt hay bị giao diện nền tảng che? | Nằm trong khoảng 70-80% ở giữa khung. Ảnh kênh YouTube 2560x1440 chỉ có vùng 1546x423 ở giữa là hiện ở mọi thiết bị. |
Prompt mẫu cho ảnh bìa mạng xã hội:
/ak-banner-design twitter minimalist 1500x500
Header cho <tên sản phẩm>, ứng dụng ghi chú cho nhóm làm việc.
Tiêu đề: "<tiêu đề>". CTA: "Dùng thử miễn phí".
Thương hiệu: theo <file quy tắc thương hiệu>, logo ở <file logo>.Skill này không có cờ.
Phần dưới đây là bản chi tiết: luồng chạy, 5 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-banner-design: thiết kế banner đúng kích thước nền tảng" 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-banner-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-banner-design
