activity-campaign-from-uiGenerate a new H5/Web campaign proposal and page architecture from UI references, then output a high-fidelity HTML/CSS/JS front-end draft on a fixed stack.
Install via ClawdBot CLI:
clawdbot install bigin58/activity-campaign-from-uiGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Calls external URL not in known-safe list
https://github.com/bigin58/activity-campaign-from-uiAudited Apr 18, 2026 · audit v1.0
Generated May 9, 2026
Marketing teams can feed screenshots of competitor campaigns to generate a fresh campaign proposal, page architecture, and high-fidelity front-end code. This accelerates creative ideation and provides a concrete draft for internal review.
Product managers or designers can provide UI references of similar events to quickly obtain a structured deliverable including analysis, proposal, architecture, and code. Useful for rapid iteration on seasonal or promotional activity pages.
Agencies can use this skill to transform client-provided campaign examples into a new concept with visual direction, participant flow, and reward design, then output a proposal deck or front-end prototype for client presentations.
Game operators can input screenshots of other games' events to generate a new in-game activity campaign with gameplay abstraction and H5 front-end code ready for integration, accelerating experimental campaigns.
Developers can provide campaign mockups or references and receive the full front-end code (HTML/CSS/JS) on a fixed stack, bypassing extensive design handoff. Useful for internal tools or one-off activity pages.
Offer basic analysis and proposal generation for free, while charging for full delivery mode that includes high-fidelity code. Or provide limited free uses per month with subscription for unlimited access.
License the skill to marketing automation or campaign management platforms as an integrated feature. Enterprise clients pay a recurring fee to use the skill within their existing workflow.
Partner with creative agencies to offer a premium tier where the skill produces validated, production-ready front-end code and proposal decks, charged per project or as part of a retainer.
💬 Integration Tip
Integrate as a context-driven tool in campaign management platforms via API; accepts screenshot URLs or base64 images and returns structured JSON with markdown and file contents.
Scored Jun 29, 2026
Use when building UI with shadcn/ui components, Tailwind CSS layouts, form patterns with react-hook-form and zod, theming, dark mode, sidebar layouts, mobile navigation, or any shadcn component question.
Tailwind reference tool. Use when working with tailwind in frontend contexts.
A product creation skill based on the "Bee Website Builder" Open API. It is used to create a new product under a specified site language and product group, w...
A product update skill based on the "Bee Website Builder" Open API. It is used to update an existing product under a specified site language and supports upd...
Build WCAG 2.1 AA compliant websites with semantic HTML, proper ARIA, focus management, and screen reader support. Includes color contrast (4.5:1 text), keyboard navigation, form labels, and live regions. Use when implementing accessible interfaces, fixing screen reader issues, keyboard navigation, or troubleshooting "focus outline missing", "aria-label required", "insufficient contrast".
Use when building Vue 3 applications with Composition API, Nuxt 3, or Quasar. Invoke for Pinia, TypeScript, PWA, Capacitor mobile apps, Vite configuration.