clone-prototype
Clone a real app's screens as pixel-accurate, self-contained HTML artboards on the prototype canvas. Overlay a grid on the reference and sample colours visually, derive one measured design-token block, generate one HTML file per screen from a single script, verify by re-rendering, and park the reference underneath its mockup. Use when asked to 100% copy / clone an app's UI, rebuild screens from screenshots or Mobbin, extract a design system from reference images, or check a mockup against its reference.
- License
- Apache-2.0
- Compatibility
- Requires the refkit and artgen commands from super-prototyping-tools, plus Google Chrome for the shoot subcommand. Reference captures are supplied by you; nothing is fetched.
Pinned to revision 950e1bd61885, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/clone-prototype/SKILL.md
- skills/clone-prototype/references/assets.md
- skills/clone-prototype/references/brand-marks.md
- skills/clone-prototype/references/comparing.md
- skills/clone-prototype/references/documenting.md
- skills/clone-prototype/references/generating.md
- skills/clone-prototype/references/glyphs.md
- skills/clone-prototype/references/measuring.md
- skills/clone-prototype/references/pitfalls.md
- skills/clone-prototype/references/typeface.md
Every link opens the file at its source, pinned to the revision this page describes.