Image To Code
Implement a selected image, screenshot, mockup, generated concept, or design frame as a...
Install
npx skills add XiaomiMiMo/MiMo-Code --skill image-to-code -g -a claude-code -y- Repository
- XiaomiMiMo/MiMo-Code13.7k
- Category
- Design
- Updated
- 3d ago
- License
- MIT
- Context cost
- Lightabout 784 tokens
- Runs scripts
- No, instructions only
What it does
Implement a selected image, screenshot, mockup, generated concept, or design frame as a faithful, responsive, interactive frontend in the target codebase.
Image to Code
Translate a selected visual target into a high-quality frontend. Read ../index/SKILL.md, ../../references/critical-overrides.md, and the relevant saved context from ../user-context/SKILL.md before building.
Preconditions
- Require an unambiguous selected image, screenshot, mockup, generated result, or design frame. A written brief alone is not a visual target; route to ideation first when appropriate.
- Resolve which image is selected before editing. Ask when an ordinal or attachment is ambiguous.
- Use only the current task's relevant product context, tokens, components, assets, and references.
