clone-app-pat-pro - Pixel-perfect web application cloning workflow
Clones web applications pixel-for-pixel using browser recon, computed style extraction, parallel building, style assertion QA, and MCP server extension.
Tags
Updated: 2026-09-18Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Recon all application views
- Extract computed CSS styles
- Generate design specification
- Build pages in parallel
- Assert computed styles for QA
- Fix style and code bugs
- Extend features and MCP server
Inputs
- Target web application URL
- Clone workspace name
Outputs
- Clone workspace directory
- DESIGN.md and assertions.json
- interaction-map.json
- MCP server for agent access
Requirements
- Claude Chrome extension
- Bash tool
- Read, Write, Edit, Agent tools
- Node.js and Python runtimes