Claude MarketplacesSubmit
starchild-ai-agent avatar

Preview Dev

starchild-ai-agent/official-skills

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.

skills.sh installs
4K
GitHub stars
32
last updated
Aug 21, 2026
View on GitHub

Install

$ npx -y skills add starchild-ai-agent/official-skills --skill preview-dev --agent claude-code

Installs 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 GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Details

Repository
github.com/starchild-ai-agent/official-skills
Categories
Frontend Development, DevOps & CI/CD, AI & Agent Building, Release Management, Automation & Workflows, Python

More from starchild-ai-agent/official-skills

All 43

Recommended

More Frontend Development
1forcedotcom avatargenerating-custom-applicationforcedotcom/sf-skillsUse this skill when users need to create or configure tab-based Salesforce Custom Applications with navigation, branding, and action overrides. Trigger when use3.9Kskills.sh installs
2vueuse avatarvueuse-functionsvueuse/skillsApply VueUse composables where appropriate to build concise, maintainable Vue.js / Nuxt features.3.9Kskills.sh installs
3mantinedev avatarmantine-custom-componentsmantinedev/skillsBuild custom components that integrate with Mantine's theming, Styles API, and core features. Use this skill when: (1) creating a new component using factory(),3.9Kskills.sh installs
4vercel avatarworkflow-initvercel/workflowInstall and configure Vercel Workflow SDK before it exists in node_modules. Use when the user asks to "install workflow", "set up workflow", "add durable workfl3.9Kskills.sh installs
5dotnet avatarmaui-safe-areadotnet/skills.NET MAUI safe area and edge-to-edge layout guidance for .NET 10+. Covers the new SafeAreaEdges property, SafeAreaRegions enum, per-edge control, keyboard avoid3.9Kskills.sh installs
6markdown-viewer avatarumlmarkdown-viewer/skillsCreate UML diagrams using PlantUML syntax. Best for software modeling — Class, Sequence, Activity, State Machine, Component, Use Case, and Deployment diagrams w3.9Kskills.sh installs