Preview your website redesign before building it.
Creates reviewable HTML redesign prototypes of website pages and refines them through user feedback before approval.
When to use it
Use when the user requests a redesign prototype, before-and-after comparison, design preview, page mockup, or visual redesign diff.
Give it a website project with captured pages and an active design direction; it creates HTML redesign previews for feedback and explicit approval.
What you provide
Requires Node 22 or later.
Requires Playwright resolvable from the project; setup probes the import and reinstalls it if missing.
This skill
modern-web-guidance
Reads and follows web guides
npx -y modern-web-guidance@latest
The latest web-guidance package