A specialized automation tool for generating interactive fashion-based playable advertisements for mobile gaming and ad networks.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install dressup-playable-maker
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install dressup-playable-maker using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).
Prefer to download?
Get the raw skill files in a ZIP archive.
What is Dressup Playable Maker?
The Dressup Playable Maker is a powerful tool within the Openclaw Skills ecosystem designed to streamline the production of interactive fashion ads. It allows developers and creative teams to transform static assets—such as character bodies, clothing items, and backgrounds—into fully functional, MRAID-compliant HTML5 playable experiences. By automating the boilerplate of ad creation, it ensures that your marketing creatives are both technically sound and highly engaging for end users.
Leveraging this tool via Openclaw Skills provides a structured approach to mobile advertising. It handles the complex tasks of asset organization, responsive layout management, and platform-specific integration, allowing you to focus on the creative aspects of your campaign. Whether you are targeting Mintegral or other global ad networks, this skill provides the necessary templates and scripts to deploy high-quality interactive content rapidly.
Dressup Playable Maker Use Cases
- Rapidly generating interactive dress-up ads for mobile fashion games.
- Prototyping character customization mechanics for hyper-casual game previews.
- Creating MRAID 3.0 compliant ad units for Mintegral and other major mobile networks.
- Automating the scaling and alignment of character assets for consistent multi-device performance.
- Testing various clothing combinations and UI styles for dynamic creative optimization.
How Dressup Playable Maker Works
- Organize your visual assets (character parts, backgrounds, and UI elements) into the specified directory structure.
- Execute the generation script provided by Openclaw Skills to compile the assets into a playable format.
- Configure the generated config.js and style.css files to match your brand's primary colors and layout requirements.
- Define the sequence of dress-up steps within the generated index.html, such as hair, dress, and shoes.
- Deploy the final output folder, which includes the optimized assets and mraid.js interface, to your chosen ad platform.
Dressup Playable Maker Setup
To initiate the generation process using Openclaw Skills, ensure your Python environment is ready and run the following command:
python3 scripts/generate.py --input-dir /path/to/assets --output-dir /path/to/output
Ensure your input directory follows the required structure including subfolders for character, background.jpg, and ui assets.
Dressup Playable Maker Data Schema & Taxonomy
The skill organizes data into a structured input-output flow to ensure compatibility across mobile environments:
| Component | Type | Description |
|---|---|---|
character/body.png |
Image | The base layer for the interactive character. |
character/[category]/ |
Folder | Contains PNG variations for items like hair, dresses, or shoes. |
ui/ |
Assets | Contains optional UI elements like button backgrounds and cursors. |
index.html |
File | The generated game engine and logic file. |
mraid.js |
File | The standardized API for mobile rich media ads. |
Dressup Playable Maker Advanced Features
- Full MRAID 3.0 support for advanced mobile ad network interactions through Openclaw Skills.
- Customizable lifecycle hooks including gameReady(), gameStart(), and gameEnd() for precise event tracking.
- Flexible CSS variable support for character scaling, button sizing, and bottom spacing adjustments.
- Extensible clothing categories allowing for accessories, makeup, and background swaps beyond the default set.
- Automatic image optimization and asset alignment to minimize load times and fix character positioning bugs.
SKILL.md
Loading
Related Openclaw Skills
Clash VPN Management
A specialized skill for controlling Clash VPN proxy services to enable access to restricted websites and global resources.
Focus Break Reminder
An intelligent workspace wellness tool that monitors active work sessions and prompts users to take regular, non-intrusive breaks.
YT Meta - YouTube Metadata Extractor
A command-line utility for extracting comprehensive YouTube metadata, including video details, channel statistics, and comments, without requiring an API key.
XSS Scanner
Detect and fix XSS vulnerabilities in frontend code using the Openclaw Skills security suite.
File Processing Skill
A multi-functional agent skill for automatically reading, analyzing, and summarizing diverse file formats including PDF, Excel, and images.
lgCapture - Douyin Video Capture
A specialized automation tool for programmatically capturing and downloading Douyin videos using browser emulation.
Featured*
