improve-pagelisted

Improve an existing landing page, homepage, pricing page, persona page, feature page, comparator page, or individual section using Web Anatomy benchmarks. Use when the user asks what can you do to improve my LP, what can you do to improve my landing page, improve my site, critique, audit, redesign brief, section improvement, CRO review, why is this page weak, compare my page to best practices, or create a Lazyweb-style improvement report. Classifies the page, captures current reality first, routes to the right archetype, searches benchmark examples, and writes a report under `.webanatomy/improve-page/`.
GabrielAmz/web-anatomy · ★ 5 · Web & Frontend · score 80

Install: claude install-skill GabrielAmz/web-anatomy

# Improve Page Classify -> capture -> route -> benchmark -> recommend. This is the flagship Web Anatomy improvement workflow. ## Output Behavior Always write: - `.webanatomy/improve-page/{page-or-section}-{YYYY-MM-DD}/report.md` - `.webanatomy/improve-page/{page-or-section}-{YYYY-MM-DD}/report.html` - `.webanatomy/improve-page/{page-or-section}-{YYYY-MM-DD}/references/` The HTML report is the primary visual output. Chat is only a short summary and pointer to the saved files. If the user only wants a quick chat answer, keep the report shorter but still save the artifact when file access is available. ## Deterministic Report Renderer When file access is available, do not hand-write the final HTML. Write structured report data first: - `.webanatomy/improve-page/{page-or-section}-{YYYY-MM-DD}/report-data.json` Then run the shared renderer from this skill pack: ```bash node <skill-dir>/scripts/render-report.mjs --input=.webanatomy/improve-page/{page-or-section}-{YYYY-MM-DD}/report-data.json ``` Resolve `<skill-dir>` relative to this `SKILL.md`. The renderer validates the report data, downloads every `screenshotUrl` into `references/`, writes `report.md`, writes `report.html`, and renders "screenshot unavailable" when no screenshot exists. Use this report-data shape: - `title`, `summary`, optional `eyebrow`, `subtitle`, `target` - `currentSnapshot`: `{ "label": "...", "text": "..." }[]` - `references`: `{ "title": "...", "company": "...", "section": "...", "sourceUrl"