Buildable Preview — Design skill for Claude Code
Render the running prototype in a headless browser, screenshot it, and catch runtime/visual errors.
How to install Buildable Preview
Installs to ~/.claude/skills/suntay44-buildable-plugin-skills-buildable-preview/SKILL.md
mkdir -p ~/.claude/skills/suntay44-buildable-plugin-skills-buildable-preview && curl -fsSL https://raw.githubusercontent.com/suntay44/buildable-plugin-skills/HEAD/commands/buildable-preview.md -o ~/.claude/skills/suntay44-buildable-plugin-skills-buildable-preview/SKILL.md Restart Claude Code, or start a new session, for it to be picked up.
What Buildable Preview does
Render the running prototype in a headless browser, screenshot it, and catch runtime/visual errors.
Alternatives in Design
- Studio — Launch the local design Studio — a live token editor over the latest extraction 3.6k ★
- Poco Claw — A more beautiful and easier-to-use alternative to OpenClaw 1.3k ★
- Link Building — Link Building - run one of six give-first outreach playbooks (Invoice, Source Sniping, Tombstone, Fact Decay 195 ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Website Contact Sheet
Render real websites in a headless browser into screenshot contact sheets and measure their palette and typefa
Lvgl Preview Skill
Claude Code skill: design embedded LVGL (MicroPython) UIs with a headless render→PNG feedback loop. Auto-adapt
Fec Debug
Front-end problem diagnosis and repair: covering build failures, runtime errors, UI exceptions, and interface
Screenshot Iterate
Visual loop — implement against a mock, screenshot the running app with a browser tool, compare, and iterate u
Dom2figma
Capture rendered web prototypes with headless Chrome and import them into Figma as editable layers. Whole prot
Wp Headless Review
Headless WordPress and WPGraphQL review - validates schema design, resolver safety, preview/auth flows, and ca
Related Agents
Review Model
Critically review a generated 3D model preview against the original user spec. Use after generating a model to
Browser Pilot
Playwright browser automation — navigate URLs, screenshot, interact with UI, check accessibility, capture cons
Web UX
Web UX expert. Validates web interfaces in a real browser via the agent-browser CLI (navigate, interact, snaps