Preview Dev
Spins up live previews for whatever you're building, from a single HTML file to a full React app with a FastAPI backend. The standout feature is automatic health checking that catches common gotchas like directory listings, script escaping errors, or blank pages before you even look at the browser. It handles fullstack projects by building your frontend and serving everything through one port, and there's a publish command for sharing permanent public URLs. One catch: you need to use relative paths for everything since it runs behind a reverse proxy. Supports the usual suspects like Vite, Express, Vue, and even Streamlit or Gradio if that's your thing.
- installs
- 4K
- GitHub stars
- 30
- last updated
- Aug 21, 2026
Install
$ npx -y skills add starchild-ai-agent/official-skills --skill preview-dev --agent claude-codeInstalls into .claude/skills of the current project.
Files
Spins up live previews for whatever you're building, from a single HTML file to a full React app with a FastAPI backend. The standout feature is automatic health checking that catches common gotchas like directory listings, script escaping errors, or blank pages before you even look at the browser. It handles fullstack projects by building your frontend and serving everything through one port, and there's a publish command for sharing permanent public URLs. One catch: you need to use relative paths for everything since it runs behind a reverse proxy. Supports the usual suspects like Vite, Express, Vue, and even Streamlit or Gradio if that's your thing.
Browse the repository on GitHubSponsors
