Skills
.Work. You
Rest

snapshot-to-nextjs

Community

Turn saved HTML snapshots into Next.js apps.

Software Engineering#nextjs#build-pipeline#css-modules#token-extraction#design-soul#offline-snapshot
Authoryigitkonur
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Convert saved HTML snapshots into a production-ready Next.js App Router project with self-hosted assets, enabling teams to rebuild sites from offline captures and ship pixel-perfect results rooted in real source CSS values.

Core Features & Use Cases

  • Pixel-perfect Next.js scaffolding from saved pages
  • CSS Module deobfuscation and token extraction directly from source CSS
  • Wave-based workflow (Wave 0–Wave 4) delivering both design documentation and production code
  • Self-hosted fonts, images, icons, and Tailwind config traced to real CSS values

Quick Start

Turn saved HTML snapshots into a Next.js site by running the skill against a directory of saved pages.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: snapshot-to-nextjs
Download link: https://github.com/yigitkonur/skill-snapshot-to-nextjs/archive/main.zip#snapshot-to-nextjs

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.