Turn campaign UI references into a new H5/Web campaign proposal, page architecture, and HTML/CSS/JavaScript high-fidelity front-end draft. Supports mode-based responses: analysis, proposal, architecture, delivery, and full.
SkillScore77Maintained
Automatic
◆Frontend / UI pack
Last verified 8/6/2026
What it changes
Passed 17 of 22 test cases with the skill, and 3 of 22 without it.
Without skill14%
With skill77%
Checks it passed that the model alone missed
Provides campaign mock data inside mock-data.js.
Presents the output document as campaign-proposal.md.
Presents the planning document as campaign-architecture.md.
and 19 more in the full report
14 fixed3 passed either way5 still failing0 broke
Pass-rate lift
+64 pp
Tokens
+104%
Agent turns
0%
Response time
+12%
Model gemini-3.6-flashMeasured 8/6/2026v117 of 22 cases passed with skill
Tokens, turns and time describe resource use, not a dollar price.
See it in action
One of 14 test cases the skill fixed. Same model, same prompt, with and without the skill.
1 of 14
Prompt
I'm uploading a picture of a campaign rules popup. I don't need any new design ideas or code structure, just give me a raw line-by-line OCR transcription of every text string in the image.
What was checked, without and with the skill
Checked
Without skill
With skill
States that simple optical character recognition text extraction is out of scope for campaign generation.
Missed
Passed
case-02 · gemini-3.6-flash · 8/6/2026 · answers are capped and redacted
What's inside
The instructions your model reads when the skill loads.
SKILL.md370 lines2 files
activity-campaign-from-ui
Generate a new campaign from campaign UI references, then deliver an H5/Web visual-first front-end draft on a fixed stack.
Use when
Use this skill when the user:
provides one or more campaign/activity page screenshots
provides a campaign design preview and wants a new campaign generated from it
wants campaign references turned into a proposal, page architecture, or H5/Web high-fidelity draft code
wants a structured handoff for an activity page on a fixed stack
Do not use when
Do not use this skill when:
the request is unrelated to campaign/activity pages
the user only wants raw OCR
the task requires exact locked-design export
the user wants production-ready backend logic or hidden business rules not visible from the reference
the user wants a delivery stack outside this skill's fixed target
Fixed platform and stack
Always stay on this fixed delivery target:
Platform: H5 / Web
Stack: HTML + CSS + JavaScript
Do not output code in other stacks.
Modes
This skill supports one skill with multiple modes.
analysis
Use when the user wants to understand the reference.
Return:
observed UI structure
visible text
gameplay clues
user flow clues
uncertainty notes
proposal
Use when the user wants a new campaign idea from the reference.