In short:
ak-designpicks the right workflow for each kind of visual deliverable: logo, brand identity, poster, banner, social image, icon. It shows you its assumptions and brief for approval first, works in rounds, then scores the final piece itself. It does not write UI code, that is whatak-frontend-designis for; for a real brand with no logo, it stops and asks you instead of drawing one.
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 visual deliverable: a logo for a new brand, a brand identity set, a poster series, social images at the right size, or a score for an existing design before you send it. You do not need it to build UI in code, like React or Tailwind components: that is what ak-frontend-design or the UI skill you have installed is for.
flowchart LR
A["Design brief"] --> B["ak-design"]
B --> C["Design files + known limits"]
B --> D["Stop: real brand logo missing"]
E["UI code"] --> F["ak-frontend-design"]Four concepts to know:
| Concept | Question | Example |
|---|---|---|
| Deliverable type | What do you need to make? | Logo, brand identity, slides, banner, poster, social image, icon |
| Real brand or made-up | Does this brand already have real assets? | Designing for a client with an existing logo: collect the logo, product photos and UI screenshots first, write them into brand-spec.md, and every design reuses that |
| Work in rounds | When do you get to see it and change direction? | Round 1 assumptions and brief, round 2 real draft with variants, round 3 refinement, round 4 checks then delivery |
| Self-score before delivery | Is this piece good enough? | An idea scored 5/10 caps the total at 6.0, however nice the execution |
Sample prompt for a new brand's logo:
/ak-design logo for <brand name>, a handmade bakery in Da Lat.
Style: minimal, warm. Colors: earth tones.
Must work on a shop sign, cake box stickers and a favicon.
Show me the brief before generating images.This skill has no flags.
Below is the detailed version: the run flow, 6 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-design: make logos, brand identity, posters and banners" on modernEngineer and apply it to this repo.
1. Call the content_get tool of the modernengineer MCP server with locale "en", slug "ak-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-design
