clone-website
Rebuild existing web pages as working local code, matching their real content
by jcodesmoreFree
Description
clone-website is an agent skill from the jcodesmore ai-website-cloner-template project, listed on skills.sh. It rebuilds existing web pages as working local code in the current app, matching their real content, assets, responsive layout and interactions. The skill's rule is to deliver editable code, and it treats screenshots, iframes and downloaded production bundles as references rather than the implementation. The workflow starts by mapping the work. The agent reads the project's instructions and existing routes, opens the source URLs in a browser, and records a route map that shows which files own each page. It prefers direct HTTP requests or asset tools for extraction, and uses the browser to confirm appearance and behaviour. It keeps source pathnames for pages from the same origin, and it keeps existing authored routes and assets intact. Separate origins get separate apps unless the user wants a combined site, and combined sites use distinct route prefixes and scoped styles. The skill is meant for developers who need an existing page reproduced as code in their own project, and the work finishes when every requested URL has a destination.…
Highlights
- Rebuilds pages as editable local code
- Maps source routes to project files
- Keeps existing routes and styles intact
- Browser checks of appearance and behaviour
Ratings & Reviews
No ratings yet
Be the first to rate clone-website.
People also visit
canvas-design
Create beautiful visual art in .png and .pdf documents using design philosophy
clone-website FAQ
What does the clone-website skill do?
It recreates the pages you supply as working, editable code in the current app, matching their content, assets, layout and interactions.
How do I install it?
Run: npx skills add https://github.com/jcodesmore/ai-website-cloner-template --skill clone-website
Does it just copy screenshots or bundles?
No. The skill says screenshots, iframes and downloaded bundles are references only, and the result must be working code.
How does it handle several pages from one site?
It keeps the source pathnames for pages from the same origin, and it treats query and fragment variations as states of the same route.
Has it been checked for security?
skills.sh lists three audits: Gen Agent Trust Hub Pass, Socket Pass and Snyk Warn. A Warn or Fail is worth reading before you install.
What are the best clone-website alternatives?
Popular alternatives to clone-website include implement, brand-guidelines and canvas-design. See all clone-website alternatives