In short:
ak-banner-designreuses the brand, headline, CTA, size and logo you already gave, asks only for what is missing, picks an art direction and exports the banner at the right size. It checks text, safe zones, logo and file size before showing you. It only makes banners: no video, no full website, no printing.
Disclosure: I maintain AgentKit and have an affiliate relationship with it: the AgentKit link in this post is an affiliate link; buying through it gets you 30% off.
Summary
Use it when you need a social cover image, a display ad set in several sizes, a website hero or a print banner file for an event. You do not need it when you want a whole web page, a video, or someone to handle the actual printing and production.
flowchart LR
A["Brief: platform, style, size"] --> B["ak-banner-design"]
B --> C["Exported, self-checked banner"]
C --> D["Your feedback"]
D --> B
C --> E["You approve, done"]Four concepts to know:
| Concept | Question | Example |
|---|---|---|
| Brief | What have you given so the skill does not need to ask? | Platform, size, headline, CTA, brand guidelines file, logo file |
| Number of options | How many design directions do you want to see? | Give no number and you get 1 banner plus an explanation of the chosen direction. Write "3 directions" and you get 3 versions side by side. |
| Art direction | Which style fits the message and the brand? | Minimalist for a SaaS product, Neon/Cyberpunk for a gaming event, Retro for a restaurant. The skill has 22 styles to pick from. |
| Safe zone | Where do text, logo and CTA go so they are not cropped or hidden by the platform UI? | Inside the middle 70-80% of the frame. A 2560x1440 YouTube channel image only shows the 1546x423 area in the middle on every device. |
Sample prompt for a social cover image:
/ak-banner-design twitter minimalist 1500x500
Header for <product name>, a note-taking app for teams.
Headline: "<headline>". CTA: "Try it free".
Brand: follow <brand guidelines file>, logo at <logo file>.This skill has no flags.
Below is the detailed version: the run flow, 5 situations with prompts, the change history by ak release, and common pitfalls. The detailed version and the interactive page are for subscribers. Your agent can also search them through the portal's MCP.
Opens when your account has subscriber access
This guide is for subscribers
Once your account has access, the full piece, the interactive visual and the agent call all open.
- Sign in or create a modernEngineer accountReading access belongs to your account email.
- Choose a plan on the pricing page1, 3 or 12 months, paid by VietQR bank transfer. Access opens about a minute after the money arrives.
- Or redeem a Facebook subscriber codePeople supporting the page on Facebook get an activation code by message each month.
Already a subscriber? Sign in to read.
Use this piece in your agent
Get an API keyCopy the text below and paste it into Claude Code, Codex or whichever agent you use. The agent reads the piece and checks it against the repo you have open.
Read "ak-banner-design: design banners at the right platform size" on modernEngineer and apply it to this repo.
1. Call the content_get tool of the modernengineer MCP server with locale "en", slug "ak-banner-design". If the modernengineer MCP server is not connected, stop and walk me through connecting it from https://modernengineer.dev/en/mcp.
2. Summarize the main steps of the piece and point out which apply to this repo.
3. Propose concrete changes and ask me before editing any file.Connect MCP in Claude Code (once)
claude mcp add --transport http modernengineer \
https://api.modernengineer.dev/mcp \
--header "Authorization: Bearer <API key>"Reading the full piece over MCP needs an API key from a subscriber account or one that bought this guide. Without access, the agent only gets the opening.
- Version
- v1.0.0
- Updated
- 22/10/2026
- Licence
- All rights reserved
- Slug
- ak-banner-design
