Clone live web pages into local Next.js and Tailwind CSS prototypes.
npx skills add https://github.com/zephyrwang6/allSkills --skill web-prototype-zephyrwang6
Please help me install this Agent Skill. Skill: web-prototype Source: https://github.com/zephyrwang6/allSkills/tree/main/pm-url2proto Command: npx skills add https://github.com/zephyrwang6/allSkills --skill web-prototype-zephyrwang6
It removes the slow, error-prone work of recreating live web pages by turning a URL or screenshot into a local Next.js + Tailwind CSS project that teams can edit and extend.
Send me a webpage URL or screenshot, and I will recreate it as a local Next.js + Tailwind CSS prototype.
High-intent search queries and answers about installing and using this skill.
To clone a web page into a Next.js project, you provide a URL or screenshot. The tool captures the page, analyzes the accessibility tree, extracts styles, and scaffolds a local Next.js and Tailwind CSS prototype with faithful visual reproduction.
Yes, you can generate a Next.js and Tailwind CSS prototype from a screenshot. The tool analyzes the screenshot, extracts design tokens, and manually scaffolds a Next.js project that faithfully reproduces the UI for ongoing modifications.
The best way to replicate website design tokens for UI cloning is using automated style extraction. The tool maps spacing, typography, and colors from the captured page or screenshot directly into a Tailwind CSS configuration for the prototype.
Yes, UI cloning supports redesign iterations on existing Next.js prototypes. You can apply ongoing modifications to previously created prototypes, with every feature change paired with a built-in design document panel to keep the project maintainable.
Yes, a design document is required when creating a new page. The tool features a built-in design document panel that pairs with every feature change, ensuring the local web prototype remains understandable and maintainable as requirements change.
aryaniyapsExtract HTML, markdown, links, and screenshots from known URLs.
SpaceZephyrClone live web pages into editable Next.js and Tailwind CSS prototypes.
brightdataExtract design tokens from a website and apply them to Tailwind, CSS variables, or CSS-in-JS.
ano4lScaffold React and Next.js projects with TypeScript and Tailwind CSS.
