create-site

Scaffold React, Vue, Angular, or Astro Power Pages sites from discovery to deployment.

647|132|Updated Jan 21, 2026
One-click install
npx skills add https://github.com/microsoft/power-platform-skills --skill create-site
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: create-site
Source: https://github.com/microsoft/power-platform-skills/tree/main/plugins/power-pages/skills/create-site
Command: npx skills add https://github.com/microsoft/power-platform-skills --skill create-site

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This skill guides users through building production-grade Power Pages code sites across React, Vue, Angular, and Astro, from discovery to deployment, ensuring typography, color, and motion are applied from the start.

Core Features & Use Cases

  • End-to-end site creation framework: discovery, scaffolding, planning, implementation, validation, review, and deployment.
  • Framework-agnostic templates: instantly bootstrap a code site in React, Vue, Angular, or Astro with starter pages and components.
  • Design-first delivery: apply typography from Google Fonts, a cohesive color system via CSS variables, motion, and responsive layouts from day one.
  • Collaborative planning and review: plan features, approve plans, and verify progress with stage-gated checkpoints before deployment.

Quick Start

Provide your site name, framework, and purpose to begin Phase 1, and I will scaffold a starter project and launch the dev server.

Frequently Asked Questions about create-site

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

FAQPage Schema
How do I scaffold a production-ready Power Pages site with React or Vue?

To scaffold a production-ready Power Pages site, provide your site name, framework, and purpose. The workflow instantly bootstraps a React, Vue, Angular, or Astro project with starter components and launches the dev server.

What is included when building an end-to-end Power Pages code site?

An end-to-end Power Pages code site includes discovery, planning, scaffolding, design, implementation, validation, and deployment. It applies production-grade typography, a color system via CSS variables, motion, responsive layouts, and routing from the start.

Can I use Astro or Angular to bootstrap a Power Pages site?

Yes, you can use Astro or Angular to bootstrap a Power Pages site. The framework-agnostic templates support instantly bootstrapping code sites in React, Vue, Angular, or Astro with starter pages and components.

What is the best way to manage collaborative planning and review for a new SPA project?

The best way to manage collaborative planning is using stage-gated checkpoints. You can plan features, approve plans, and verify progress through discovery, implementation, validation, and review phases before final deployment.

Does the Power Pages scaffolding workflow apply design systems automatically?

Yes, the Power Pages scaffolding workflow applies design systems automatically. It implements a cohesive color system via CSS variables, motion, responsive layouts, and typography from Google Fonts from day one.

Why do I need stage-gated checkpoints for SPA development?

You need stage-gated checkpoints for SPA development to ensure production-grade quality. They coordinate discovery, planning, implementation, validation, and handoff with live previews, verifying progress and approving features before deployment.