Skills
.Work. You
Rest

preview-dev

Official

Build and preview web UIs live.

Software Engineering#deployment#web development#frontend#fullstack#ui development#live preview
AuthorStarchild-ai-agent
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill enables users to build, test, and deploy web pages, frontend applications, and full-stack projects with a live, interactive preview, streamlining the web development workflow.

Core Features & Use Cases

  • Live Preview: See your web UI changes instantly in a browser panel.
  • Fullstack Support: Handles static sites, SPAs (React, Vue, Vite), and backend frameworks (Express, FastAPI).
  • Deployment Ready: Facilitates sharing and public deployment of previews.
  • Use Case: Develop a new React component, see it live, and then share a public link to the deployed preview.

Quick Start

Use preview-dev to build and serve a new React project in the 'my-react-app' directory.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: preview-dev
Download link: https://github.com/Starchild-ai-agent/official-skills/archive/main.zip#preview-dev

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.