/install dressup-playable-maker
Dressup Playable Maker
Create interactive dress-up playable ads for mobile advertising platforms.
Quick Start
Generate a new playable from template:
python3 scripts/generate.py --input-dir /path/to/assets --output-dir /path/to/output
Required Assets Structure
Input folder should contain:
assets/
├── character/
│ ├── body.png # Base character body
│ ├── hair/
│ │ ├── hair_1.png
│ │ ├── hair_2.png
│ │ └── hair_3.png
│ ├── dress/
│ │ ├── dress_1.png
│ │ ├── dress_2.png
│ │ └── dress_3.png
│ └── shoes/
│ ├── shoes_1.png
│ ├── shoes_2.png
│ └── shoes_3.png
├── background.jpg # Game background
└── ui/
├── button_bg.png # Selection button background (optional)
└── hand_cursor.png # Hand hint cursor (optional)
Customization Options
Colors
Edit generated config.js:
primaryColor: Main theme colorbuttonBorderColor: Selected item border colorbackgroundOverlay: Background tint
Layout
Edit generated style.css:
--character-scale: Character size (default: 1.1)--button-size: Selection button size--bottom-spacing: Distance from buttons to screen bottom
Categories
Modify steps array in index.html to change clothing categories:
- Default:
['hair', 'dress', 'shoes'] - Can add:
['accessory', 'makeup', 'background']
Output Structure
output/
├── index.html # Main game file (v57)
├── mraid.js # MRAID support
└── assets/ # Copied and optimized images
Platform Support
- Mintegral: Full support with MRAID 3.0
- Other platforms: Generic playable format
Best Practices
- Image sizes: Keep character parts under 500KB each
- Format: Use PNG for transparency, JPG for backgrounds
- Dimensions: Character parts should align at same canvas size
- Testing: Always test on actual mobile devices
Version History
- v57: Fixed hair/head item selection bug (index mismatch)
- v56: Initial version
Advanced: Manual Customization
For full control, edit the generated index.html:
defaultHair,defaultDress,defaultShoes: Set default outfitsgameReady(),gameStart(),gameEnd(): Lifecycle hookswindow.install(): CTA button action
Troubleshooting
Character parts not aligning: Ensure all images have same canvas size and anchor point.
Buttons too small/large: Adjust --button-size in CSS or regenerate with different base size.
Performance issues: Reduce image file sizes, limit to 3-4 clothing items per category.
Selection showing wrong item: Fixed in v57 - ensure using latest template.
- 确保已安装 OpenClaw(本地或 Docker 部署)
- 在对话框中输入安装命令:
/install dressup-playable-maker - 安装完成后,直接呼叫该 Skill 的名称或使用
/dressup-playable-maker触发 - 根据 Skill 的参数说明提供必要输入,即可获得结构化输出
Dressup Playable Maker 是什么?
Create dress-up style playable ads for mobile advertising platforms like Mintegral. Use when the user needs to create or customize a fashion dress-up interac... 它是一个面向 Claude Code / OpenClaw 的 AI Agent Skill 插件,目前累计下载 477 次。
如何安装 Dressup Playable Maker?
在 OpenClaw 或 Claude Code 对话框中运行命令「/install dressup-playable-maker」即可一键安装,无需额外配置。
Dressup Playable Maker 是免费的吗?
是的,Dressup Playable Maker 完全免费(开源免费),可自由下载、安装和使用。
Dressup Playable Maker 支持哪些平台?
Dressup Playable Maker 跨平台运行,可在任意部署了 OpenClaw / Claude Code 的环境中使用(cross-platform)。
谁开发了 Dressup Playable Maker?
由 lxnan(@lxnan)开发并维护,当前版本 v1.0.0。