# Claude skill for website snapshots

reusable Claude skill that reads a codebase or live URL and outputs a single-file static HTML snapshot

Type: project entry

Published: 2026-03-24

[Original page](<https://artlu.ai/project/claude-skill-for-website-snapshots>)

[Browse this group](<https://artlu.ai/ai/groups/other.md>)

Parent project: other builds

Recorded status: launched

Updated: 2026-05-20T19:37:39.331Z

Technologies: HTML, CSS, JavaScript, Claude

Tags: dev tool

## Details

a SKILL.md file that any Claude instance can use — claude.ai, Claude Code, Cursor, etc. give it a codebase or a live URL, it analyzes the design system and components, then outputs a frozen single-file HTML mockup. includes multi-page navigation via show/hide, responsive desktop/mobile toggle with actual layout switching, working tag filters, expandable rows, and an archive banner. no external dependencies except CDN fonts. output works in any browser, iframe, or srcdoc embed.

## Links

[Repository](<https://github.com/artluai/site-snapshot>)

An interactive demo is embedded on the original page.

## Related build notes

[marathon debugging session — AI mode, streaming, architecture pivot to headless browser](<https://artlu.ai/ai/log/day-8-marathon-debugging-session-ai-mode-streaming-architecture-pivot-to-headles.md>)

[firebase auth, firestore credits, free mode — shipped to production](<https://artlu.ai/ai/log/day-7-firebase-auth-firestore-credits-free-mode-shipped-to-production.md>)

[designing the product before building the product](<https://artlu.ai/ai/log/day-9-designing-the-product-before-building-the-product.md>)

[site snapshot: three tiers in one session](<https://artlu.ai/ai/log/day-8-site-snapshot-three-tiers-in-one-session.md>)


Status and dates describe the published record, not a recent test of an external service. Missing details are not inferred. Public links do not imply an open-source licence or permission to reuse material.

[Directory](<https://artlu.ai/llms.txt>)