Site Teardown

Reverse engineer any website into a complete build blueprint — tech stack, every visual effect with implementation details, full design system, and a section-by-section build plan. The output should be thorough enough that someone could hand it to Claude Code in a fresh session and build a clone without ever visiting the original site.

When This Skill Activates

Activate when the user wants to:

• Analyze how a website was built
• Reverse engineer or deconstruct a site
• Clone or recreate a website's design and animations
• Understand what tech stack, libraries, or animation techniques a site uses
• Get a build blueprint for a website they want to recreate
• Understand how a specific effect on a website works (and the site hasn't been analyzed yet)

Example triggers: