Website To Vite Scraper
Extracts website assets (CSS, JS, images) and generates a Vite project configuration for easy frontend development.
Install on your platform
We auto-selected Claude Code based on this skill’s supported platforms.
Run in terminal (recommended)
claude mcp add website-to-vite-scraper npx -- -y @trustedskills/website-to-vite-scraper
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"website-to-vite-scraper": {
"command": "npx",
"args": [
"-y",
"@trustedskills/website-to-vite-scraper"
]
}
}
}Requires Claude Code (claude CLI). Run claude --version to verify your install.
About This Skill
What it does
This skill converts a website's HTML into a Vite project. It analyzes the target webpage and generates all necessary files, including index.html, JavaScript bundles, CSS, and assets, ready for development with Vite. This simplifies the process of creating frontend projects based on existing websites.
When to use it
- Rapid Prototyping: Quickly create a local development environment from an existing website to experiment with changes or build upon its functionality.
- Legacy Website Modernization: Transform older websites into modern, Vite-based projects for easier maintenance and improved performance.
- Educational Purposes: Learn how a website is structured by converting it into a manageable project format.
- Component Extraction: Isolate specific components from a larger website to reuse them in other projects.
Key capabilities
- HTML parsing and analysis
- Vite project scaffolding
- JavaScript bundling
- CSS processing
- Asset management (images, fonts, etc.)
Example prompts
- "Convert the website at
https://www.example.cominto a Vite project." - “Create a Vite project from this URL:
https://blog.trustedsystems.ai/” - "Generate a Vite project for
https://skills.sh, including all assets.”
Tips & gotchas
The skill requires a valid URL to be provided as input. Complex websites with dynamic content or heavy reliance on JavaScript may not convert perfectly and might require manual adjustments after the initial conversion.
Tags
TrustedSkills Verification
Unlike other registries that point to live repositories, TrustedSkills pins every skill to a verified commit hash. This protects you from malicious updates — what you install today is exactly what was reviewed and verified.
Security Audits
| Gen Agent Trust Hub | Pass |
| Socket | Pass |
| Snyk | Pass |
🌐 Community
Passed automated security scans.