← ClaudeAtlas

checklist-designlisted

On-demand UX/UI audit of a screen, component, flow, or brand asset against checklist.design's curated checklist library. Use when the user asks to check something against checklist.design, wants a UI/component checklist audit, or references "checklist.design".
sliamh11/Deus · ★ 51 · Web & Frontend · score 76
Install: claude install-skill sliamh11/Deus
# Checklist Design Audit Audits a specific screen, component, flow, or brand asset against the matching checklist from [checklist.design](https://www.checklist.design) — a curated library of UX/UI checklists organized by page (`/category-website`), component (`/elements/<name>`, `/components/<name>`), flow (`/flows-checklists`), and brand (`/brand/<name>`). checklist.design has no public API — every lookup here is a live fetch against the site itself. Don't cache or copy their content into the repo; their checklists can change, and there's no license basis for mirroring them. ## Steps 1. **Identify the target and its category.** Confirm with the user (or infer from context) what's being audited — e.g. a login page, a modal component, a checkout flow, a logo — and which checklist.design category it maps to. 2. **Find the real page.** checklist.design is a Framer SPA with no stable sitemap. Don't guess a URL slug — run `WebSearch("site:checklist.design <category/topic>")` to find the actual page. 3. **Fetch the content.** Direct `WebFetch` on checklist.design only returns the page title — it's client-rendered and WebFetch doesn't execute JS (confirmed: `WebFetch` on `https://www.checklist.design/components/navigation` returned no checklist items). Instead, prefix the URL with the Jina AI Reader proxy, which renders the JS server-side and returns clean markdown: `WebFetch("https://r.jina.ai/<checklist.design URL>", ...)`. On failure (proxy down o