make wireframe
Generate a photographic storyboard / wireframe board from a character sheet (R2-hosted) + script. Multi-panel grid showing the same person performing the action progression, 4 / 6 / 8 / 10 numbered panels.
- Installs
- 53
- Last 24h
- —
- Trending rank
- —
- Security
- Not audited
Install
Works with every agent the skills CLI supports.
npx skills add https://github.com/gitroomhq/agent-media --skill make-wireframe- 01
Install
Run the command in your project. The CLI asks which agents to install for.
- 02
Describe the task
Ask your agent for something this skill covers. It loads make wireframe automatically when relevant.
- 03
Review the result
The agent follows the SKILL.md steps, scripts and references bundled with the skill.
SKILL.md
The instructions your agent reads when the skill is triggered.
Make Wireframe
Generate a photographic storyboard / wireframe board from a character sheet (R2-hosted) + script. Multi-panel grid showing the same person performing the action progression, 4 / 6 / 8 / 10 numbered panels.
When to use this
Call this skill when the user asks for the outcome described above. It runs on the agent-media vNext primitive runtime via the mcp__agent-media__make_wireframe MCP tool. Authentication is the user's existing agent-media Bearer token (issued by agent-media login).
How to call it
Preferred path: MCP tool mcp__agent-media__make_wireframe. Schema is auto-published via tools/list against the same MCP server, so don't restate the schema here — trust the server's response.
Fallback path: REST.
POST https://api.agent-media.ai/v1/skills/make_wireframe/run
Authorization: Bearer $AGENT_MEDIA_API_KEY
Content-Type: application/json
Idempotency-Key: <any unique string per intent>
{
"character_sheet_url": "https://pub-...r2.dev/vnext/primitive-runs/<id>/character-sheet.png",
"script": "walks into bedroom, picks up phone, smiles, hits record, talks to camera",
"n_panels": 6,
"aspect_ratio": "9:16"
}
What it costs and how long it takes
- Credits:
35 - Wall time (typical):
90s - Deducted at submit; refunded on terminal failure.
Polling the result
GET https://api.agent-media.ai/v1/primitives/runs/<run_id>
Authorization: Bearer $AGENT_MEDIA_API_KEY
House rules baked into this skill
- See reference/realism-rubric.md for the realism doctrine baked into every prompt.
- See reference/auth.md for first-time install and
agent-media login.
Source of truth
This file is auto-generated by scripts/generate-public-skill.ts from the registry at services/api-v2/src/skills/registry.ts. Do not hand-edit; CI rejects drift.
FAQ
What does the make wireframe skill do?
Generate a photographic storyboard / wireframe board from a character sheet (R2-hosted) + script. Multi-panel grid showing the same person performing the action progression, 4 / 6 / 8 / 10 numbered panels.
How do I install make wireframe?
Run npx skills add https://github.com/gitroomhq/agent-media --skill make-wireframe in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/make-wireframe/ (personal) or .claude/skills/make-wireframe/ (project).
Which AI agents can use make wireframe?
Any agent that supports the open Agent Skills format (a folder with a SKILL.md file), including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, Cline, OpenCode and more.
Is make wireframe safe to install?
No partner security audit is available yet. Skills can run commands and scripts, so read the SKILL.md and any bundled files before installing.
Who maintains make wireframe?
It is published by gitroomhq in gitroomhq/agent-media. It has 53 recorded installs.
More from gitroomhq/agent-media
publish to social
gitroomhq/agent-media
Publish a generated Agent-Media video to the user's connected TikTok, Instagram, or X. Connect channels (OAuth) and post or schedule via the REST API. Use after producing a video with generatevideo.
agent-media ugc playbook
gitroomhq/agent-media
Playbook for Agent-Media UGC Video — the one tool for UGC video on agent-media. Always call the single makeugc skill: give it a script (any length) and optionally a person/image/character; it returns the finished captioned vertical video. Short script → one clip, long monologue → full multi-take (never trimmed), brollurl → narrated overlay. You never pick a sub-skill.
agent-media ugc video
gitroomhq/agent-media
Open the skill to read its SKILL.md instructions.
make ugc video
gitroomhq/agent-media
Open the skill to read its SKILL.md instructions.
make character sheet
gitroomhq/agent-media
Open the skill to read its SKILL.md instructions.
Popular other skills
hyperframes-cli
heygen-com/hyperframes
The HyperFrames CLI by job - scaffold, check, look at frames, edit the timeline, preview, render locally or in the cloud, publish, project history - plus reading its JSON and recovering from build or render failures.
triage
mattpocock/skills
Move issues and external PRs through a state machine of triage roles, categorise, verify, grill if needed, and write agent-ready briefs.
ask-matt
mattpocock/skills
Ask which skill or flow fits your situation. A router over the skills in this repo.
to-questionnaire
mattpocock/skills
Turn a decision you can't fully answer into a questionnaire for someone else to fill in.
loop-me
mattpocock/skills
Grill me about specs for the workflows I want to build, within this workspace.