skills.rest
ZJU-REAL
ZJU-REALOFFICIAL
Explore all skills by this author →
GitHub

site-builder

Build and publish accessible websites from user ideas to hosted URLs.

195|12|Updated Jul 19, 2026
Search Tags:#react#web design#frontend development#static sites#landing pages#website building#site publishing
One-click install
npx skills add https://github.com/ZJU-REAL/HugAgentOS --skill site-builder
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: site-builder
Source: https://github.com/ZJU-REAL/HugAgentOS/tree/main/src/backend/plugin_bundles/marketplace/sites/skills/site-builder
Command: npx skills add https://github.com/ZJU-REAL/HugAgentOS --skill site-builder

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill turns a user's website idea into a complete, accessible, and publishable site without requiring them to manage the technical implementation details.

Core Features & Use Cases

  • Path Selection: Chooses between a fast static-site workflow and a React-based workflow for complex, interactive, or polished experiences.
  • Design Selection: Creates three distinct design directions for new React sites and uses user selection to guide implementation.
  • Build and Publish: Implements the site, validates the build, publishes it to a hosted URL, and supports continued editing and version updates.
  • Use Case: Create a department dashboard, product landing page, portal, menu, or multi-page application and publish it for others to access.

Quick Start

Use the site-builder skill to turn my website idea into a polished, publicly accessible site and publish it with a shareable link.

Frequently Asked Questions about site-builder

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build and publish a website from an idea without managing technical setup?▼

To build and publish a website from an idea, this Skill selects an appropriate static or React workflow, validates the build, and publishes it directly to a hosted URL for public access.

When should I use a React workflow versus a static site workflow for landing pages?▼

Use a React workflow for complex, interactive applications or polished experiences, while a fast static-site workflow suits simpler static landing pages and content sites without interactive requirements.

Can I edit an existing website after it has been published to a hosted URL?▼

Yes, you can edit an existing published website because the Skill preserves editable source projects, enabling iterative edits and version updates to the live hosted URL.

Does the website building process support local assets and external APIs?▼

Yes, the website building process supports using local assets and supported APIs during implementation to create interactive applications and dashboards before validating the build.

What is the process for creating a React-based website with a specific design direction?▼

Creating a React-based website involves generating three distinct design directions for the new site, using your selection to guide the implementation before validating and publishing the final build.

What types of sites can I create and publish for public access?▼

You can create and publish static landing pages, content sites, portals, dashboards, menus, and multi-page applications, turning your ideas into accessible sites hosted at a shareable link.

Related Skills

Explore More Software Engineering Skills→
yamadashyyamadashy
27.7k

website-maintainer

Manage VitePress configuration and multi-language documentation content.

Community
Basic
dmlguq456dmlguq456
7

autopilot-refine

Apply controlled edits to research documents with version tracking and review workflows.

Community
Advanced
mgd34msumgd34msu
4

storybook

Develop, document, and test UI components in isolation with Storybook.

Community
Intermediate
AnglesiteAnglesite
2

deploy

Automate static website deployment to Cloudflare Workers with Wrangler.

Official
Advanced