- Home
- Skills
- Agents & Orchestration
- Web Site Template Clone, Design, and Implement
More screenshots
Works with the AI tools you already use
Web Site Template Clone, Design, and Implement
Clones website layouts into clean, modern, framework-migrated templates with placeholder content.
$5
Web Site Template Clone, Design, and Implement
Example session with this skill installed
Clone https://example.com/blog and turn it into a clean Bootstrap 5 template with placeholders for the articles.
- Read your context and instructions
- Compiled the web site template
- Generated the UI component
Mirroring example.com...
Site mirrored to mirror/
Audit complete: Detected Bootstrap 3.3.7 and jQuery 1.12.
Migrating to Bootstrap 5.3 (CDN) and removing jQuery.
Asset split complete.
Template generated at template/index.html.
Proprietary images replaced with placeholders via Unsplash source.
web-site-template-clone-design-and-imple.tsx
TSX · React component
Example file from a real run - the skill writes it into your workspace.
Connects securely to your tools. The creator never sees your data.
What you get
About this skill
The problem
Manually recreating a layout from an existing website is tedious and error-prone. Converting legacy code, extracting assets, and replacing branding with placeholders often takes longer than building from scratch.
What it does
- Mirrors any public URL into a local source of truth using GNU Wget.
- Audits assets to detect legacy frameworks like Bootstrap or jQuery and maps them to modern CDN versions.
- Generates a portable HTML5/Bootstrap 5 template or a full Vite project with separate asset files.
- Swaps proprietary images, logos, and text with generic placeholders to ensure a clean starting point.
- Optionally gathers structured data via rate-limited Python scripts to populate the template into a finished site.
Frameworks & tools
GNU Wget 1.21+, Node.js 18+, Python 3.10+, Bootstrap 5.3, Vite, and jQuery 3.7.
Why this beats prompting it yourself
Simple prompts often hallucinate asset paths or fail to handle recursive mirroring. This skill uses a multi-phase system with vetted scripts for asset auditing, CDN migration with SRI hashes, and automated placeholder injection that generic LLM prompts cannot reliably execute.
Use cases
- Convert a legacy Bootstrap 3 site into a modern, clean Bootstrap 5 template.
- Scaffold a new project by cloning a competitor's layout structure without their branding.
- Create a data-driven static site by merging a design template with CSV/JSON datasets.
- Prototype a landing page quickly by mirroring a high-converting layout.
Known limitations
Requires GNU Wget, not standard macOS curl or PowerShell web requests. Does not evaluate the legal right to clone specific sites.
How to install
Works the same in every agent - Claude, Cursor, Codex, Copilot and 20+ more.
- 1
Download the ZIP
Free skills download straight away. Paid skills unlock right after purchase.
- 2
Unzip into your skills folder
Every agent reads skills from one folder on your machine. Drop the unzipped folder in there.
- 3
Ask your agent to use it
Restart the agent if it was already running. It picks the skill up automatically - no config needed.
Skills folder by agent
Click the path to copy it. Create the folder if it does not exist yet.
Reviews
No reviews yet
Be one of the first to try it. Every listed skill passes our trust checks below.
Security scanned
Passed our 8-point scan before listing
Fresh listing
Recently published to Agensi
30-day refund
Not a fit? Get your money back
Trust & safety
Security scanned
Verified clean 2 months ago
- Passed all security checks, Safe to install