Clone App Pro Skill
A Claude skill that pixel-for-pixel clones any web app design from a reference, used to rebuild a design tool from scratch as a benchmark test.
Development / App Cloningdevelopmentapp-cloning
by AgentVoltv1.0.0Published 1y ago
Free to sign up · every skill included with AgentVolt Pro
About this skill
name: clone-app-pat-pro description: Use when A Claude skill that pixel-for-pixel clones any web app design from a reference, used to rebuild a design tool from scratch as a benchmark test.
Clone App Pro Skill
Pat Simmons built this clone app skill to test Fable 5 and GPT-5.6 head to head on an identical task, feeding it a reference app (shots.so) and having it reproduce the UI pixel for pixel.
What you get
- Public GitHub repo with the skill file, ready to install and point at any reference app screenshot or URL.
Customize your output
- Point it at any web app you want cloned
- adjust tolerance for how exact the visual match needs to be.
Example output
A working pixel-perfect clone of shots.so built live in the video.
Best for
Developers and designers who want to rapidly recreate existing app UIs.
SKILL.md preview
SKILL.md
---
name: clone-app-pat-pro
description: Use when A Claude skill that pixel-for-pixel clones any web app design from a reference, used to rebuild a design tool from scratch as a benchmark test.
---
# Clone App Pro Skill
Pat Simmons built this clone app skill to test Fable 5 and GPT-5.6 head to head on an identical task, feeding it a reference app (shots.so) and having it reproduce the UI pixel for pixel.
## What you get
- Public GitHub repo with the skill file, ready to install and point at any reference app screenshot or URL.
## Customize your output
- Point it at any web app you want cloned
- adjust tolerance for how exact the visual match needs to be.
… (sign up to view the full skill)Sign up to view, copy, and install the full skill