Buildable Preview banner
suntay44 suntay44

Buildable Preview

Design community

Description

--- description: Render the running prototype in a headless browser, screenshot it, and catch runtime/visual errors. argument-hint: [path-to-app] [--url <url>] allowed-tools: Bash(node:*), Bash(buildable:*), Bash(npm:*), Read, Edit --- Visually verify the prototype at: **${ARGUMENTS:-.}** 1. Start the app's dev server if it isn't already running (e.g. `npm run dev`), and note the local URL (default `http://localhost:3000`). 2. Render and capture it: ```bash buildable preview "${ARGUMEN

Installation

Installs to ~/.claude/skills/suntay44-buildable-plugin-skills-buildable-preview/SKILL.md

Terminal
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.

Full documentation available on GitHub

View Source Repository