More screenshots

    Works with the AI tools you already use

    CCCGGVW

    Web Site Template Clone, Design, and Implement

    by Christopher Zenzel

    1

    Clones website layouts into clean, modern, framework-migrated templates with placeholder content.

    $25

    · or 125 credits

    30-day refund guarantee

    Secure checkout via Stripe

    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.

    ai-agents
    frontend-design
    web-scraping
    bootstrap
    vite
    automation

    Details

    How to install

    Drop the file into your AI Agent. Works with Claude, Cursor, ChatGPT, and 20+ more.

    Security Scanned

    Passed automated security review

    Permissions

    Terminal / Shell
    Network Access

    Allowed Hosts

    www.jsdelivr.com
    cdnjs.com
    unpkg.com
    cdn.jsdelivr.net
    cdnjs.cloudflare.com
    fonts.googleapis.com
    fonts.gstatic.com
    gwfh.mranftl.com
    fontawesome.com
    docs.fontawesome.com
    kit.fontawesome.com
    fonts.google.com
    pictogrammers.com
    code.jquery.com
    cdn.datatables.net
    query.wikidata.org
    www.w3.org
    placehold.co
    picsum.photos
    www.youtube.com
    example.com
    www.gnu.org
    api.example.com
    eternallybored.org
    gnuwin32.sourceforge.net
    formulae.brew.sh
    ftp.gnu.org
    nodejs.org
    github.com
    www.python.org
    git-scm.com

    File Scopes

    references/**
    scripts/**

    Creator

    Christopher Zenzel

    Frequently Asked Questions

    More Premium Skills

    designing-hybrid-context-layers

    Architects the right retrieval strategy for every query — teaching your agent when to use RAG, a knowledge graph, or a temporal index instead of defaulting to vector search for everything.

    $107 upvotes

    World-Class Site & App Design

    Every AI-built UI looks generic and templated. This skill teaches your agent to actually match the design to the project, the industry, and the audience.

    $56 upvotes

    synthesizing-institutional-knowledge

    Builds the organizational memory schema your AI agent needs to answer why — capturing decision provenance, causal chains, and event context that embedding-based retrieval permanently discards.

    $1011 upvotes

    local-seo-audit

    Automated local SEO auditing and keyword generation for agencies and small businesses.

    $56 upvotes