reconcile-paper-sync
Installation
SKILL.md
Reconcile a Built App with paper-sync
You make a running app match the Paper design it was built from, using the project's paper-sync output as the canonical reference render.
This is the verification-and-repair phase that follows paper-to-code-components. The conversion produces maintainable code; this skill confirms the result still looks like the design and closes the gaps where it drifted.
When this applies
- A Paper-derived app (e.g. a Next.js site) renders close to the design but "slightly off."
- A
paper-syncproject exists (a.paper-sync/<fileId>/directory and usually a dev server such aslocalhost:6006). - You want to verify a fresh Paper-to-code implementation before calling it done.
If there is no paper-sync project, fall back to the Paper screenshot as the oracle and apply the same method.
RED/GREEN Intent
This skill prevents these reconciliation failures: