Pristine
Screenshots your real UI in light, dark, desktop and mobile, then scores it out of 10 or fixes it
About
A design skill for web UI. /pristine init reads your code and writes a DESIGN.md with your product, personas and design system. /pristine critique scores a page across 11 dimensions with the exact fix for each finding, without touching code. /pristine design builds new pages, and /pristine polish keeps the look while raising every detail, with 16 named lenses such as typeset, quieter and harden. Before and after examples are at pristine-ui.pages.dev.
Install
Works with Claude Code, Codex, GitHub Copilot, Cursor
Access
HighWhat this skill's own files let it touch on your machine and accounts. Access isn't a verdict: check the publisher and the security audits too.
- Bundles scripts
- Runs shell commands
- Writes files in your project
- Uses the network
- No credentials needed
Captures pages with a browser tool your agent already has. If none is available, its bundled capture script installs a private Playwright Chromium into ~/.cache/pristine-capture on first run. The init, design and polish commands edit your code and write DESIGN.md; critique only reads. Needs Node 18+ for the scripts. New project, posted as a Show HN on 2026-10-23.
Reviewed from source on Oct 23, 2026. Read the files yourself before installing.
More Design skills
All skillsRelated articles
All articles
How to Let Claude Code Test Your Mobile App
Give Claude Code hands in the iOS Simulator or an Android emulator so it checks its own UI changes. Five MCP tools, real setup commands, honest tradeoffs.
Browser Automation for AI Agents (2026)
I compare five ways to give an AI agent a browser, from local Chrome over MCP to hosted cloud browsers, with real install commands and pricing.
Best Memory Tools for Claude Code (2026)
Five tools that give Claude Code memory across sessions, agents and machines, with install commands, honest caveats and when CLAUDE.md is enough.