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. Return:

• reference summary
• gameplay abstraction
• new campaign concept
• target users
• goals
• rewards and participation path
• anti-copy explanation
• visual proposal direction that reads more like an operations campaign deck than a plain memo

architecture

Use when the user wants implementation planning without full code. Return:

• page module list
• module order
• popup system
• state flow
• tracking suggestions
• delivery schema

delivery

Use when the user wants code on the fixed stack. Return:

• file structure
• index.html
• styles.css
• main.js
• mock-data.js
• visual extraction summary
• implementation notes