yueban-image-to-code - Convert UI images into pixel-accurate 750px code
Converts UI images, screenshots, or design exports into 750px fixed-layout code with editable text, native shapes, transparent PNG assets, and validation manifests.
Tags
Updated: 2026-10-03Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Normalize images to 750px
- Measure source image layers
- Create layer manifests
- Extract transparent PNG assets
- Implement fixed pixel layouts
- Validate rendered image differences
- Audit PNG edges and dimensions
Inputs
- Source UI image
- Project constraints
- Target output type
- Editable text requirements
- Transparent asset requirements
- Existing project framework
Outputs
- Code files
- Transparent PNG assets
- layers.manifest.json
- Bbox preview image
- Rendered comparison screenshots
- Restoration report
- PNG audit results