find-exampleslisted
Install: claude install-skill GabrielAmz/web-anatomy
# Find Examples
Find strong benchmark-backed references quickly. This skill is intentionally lighter than `research-best-practices`: retrieve, filter, group, and give the user the best examples to open.
## Output Behavior
Always create a lightweight visual artifact:
- `.webanatomy/find-examples/{topic}-{YYYY-MM-DD}/report.md`
- `.webanatomy/find-examples/{topic}-{YYYY-MM-DD}/report.html`
- `.webanatomy/find-examples/{topic}-{YYYY-MM-DD}/references/`
The chat response is only the summary and file pointer. Do not dump the whole swipe file into chat.
If the environment cannot write files, explain the blocker and provide a compact inline version.
## Deterministic Report Renderer
When file access is available, do not hand-write the final HTML. Write structured report data first:
- `.webanatomy/find-examples/{topic}-{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/find-examples/{topic}-{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`
- `references`: `{ "title": "...", "company": "...", "section": "...", "sourceUrl": "...", "screenshotUrl": "...",