In short:
ak-show-offturns your description or markdown file into a self-contained HTML page, split into smoothly scrolling sections with a hero at the top. By default it also screenshots each section in 3 ratios for social posts, publishes the page and writes it in two languages, Vietnamese and English. All three can be turned off, and it remembers your choice for next time.
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 have just finished a feature, a project or a post and want a showcase page with images for your posts. It does not deploy to your server: it only publishes through the agentwiki CLI.
flowchart LR
A["Finished work or a markdown file"] --> B["ak-show-off"]
B --> C["content.md + HTML page"]
C --> D["Images 16:9, 9:16, 1:1"]
C --> E["Published, if on"]
C --> F["Page opened in the browser"]Four concepts to know:
| Concept | Question | Example |
|---|---|---|
| Task | What does this page show off, and for whom? | A description such as "introduce the app's new dark mode", or a path to notes/launch.md |
| Lasting settings | Take screenshots or not, publish or not, how many languages? | The default is screenshots on, publishing on, bilingual vi and en |
| Once or always | Do you change a setting for this run only, or for every run after? | "No screenshots, just this once" means the next run still takes them; drop "just this once" and it saves the setting |
| Handoff gate | Is the page good enough to hand to you? | Checks 5 criteria: fits the context, visual hierarchy, polish, ease of use, no broken layout |
Settings are saved per user, not per project, so turning publishing off once applies to every later project.
Sample prompt for showing off a feature you just finished:
/ak-show-off Introduce the new dark mode of the <app name> app:
follows the operating system, keeps contrast for long reading, one-tap toggle.
Audience: current users and followers of the project's page.| Flag | What it is for | Since ak |
|---|---|---|
--no-antv, --no-diagram-design, --no-editorial-visuals | Turns off illustrations in the non-hero sections | 2.13.0 |
--no-screenshots | Does not screenshot each section | 1.0.0 |
--no-publish | Keeps everything on your machine, publishes nothing | 1.0.0 |
--languages | Picks the page's languages | 1.0.0 |
Below is the detailed version: the run flow, 5 situations with prompts, each flag explained (when to use it, when you do not need it, what you get, which flags it combines with), 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-show-off: an HTML showcase page for the work you just did" on modernEngineer and apply it to this repo.
1. Call the content_get tool of the modernengineer MCP server with locale "en", slug "ak-show-off". 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-show-off
