website-builder

Orchestrate phase-driven subagents to build a production-ready Next.js app from a brief.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/primovera12/Master-Kit --skill website-builder-primovera12
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: website-builder
Source: https://github.com/primovera12/Master-Kit/tree/main/Master-Starter-Kit/tools/skills/website-builder
Command: npx skills add https://github.com/primovera12/Master-Kit --skill website-builder-primovera12

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill solves the challenge of turning a plain-language brief into a production-ready Next.js repository by coordinating multi-phase subagents to deliver a complete, hardening-ready site with phase artifacts, metadata, and deployment guidance.

Core Features & Use Cases

  • Phase-based orchestration across design, architecture, scaffolding, content integration, and optimization with dedicated subagents.
  • Stateful project management via .website-builder/state.json to support resuming work.
  • Automated generation of design systems, metadata, SEO schemas, and deployment artifacts.
  • Optional resource directories (scripts, references, assets) for on-demand tasks as described in SKILL.md.

Quick Start

Provide a website brief and the skill will generate a production-ready Next.js app scaffold via five coordinated phases.

Frequently Asked Questions about website-builder

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

FAQPage Schema
How do I generate a production-ready Next.js app from a brief?▼

To generate a production-ready Next.js app from a brief, provide your site goals, content, and design preferences to orchestrate phase-driven subagents that yield a complete repository with metadata and deployment guidance.

How does phase-based orchestration work for Next.js website builds?▼

Phase-based orchestration for Next.js website builds coordinates dedicated subagents across design validation, component architecture, scaffolding, content integration, and optimization to deliver a complete repository.

Can I resume a Next.js website build if the process is interrupted?▼

Yes, you can resume a Next.js website build because the orchestrator maintains stateful project management via a state.json file, supporting work resumption across the five phases.

Does this approach handle SEO and accessibility checks for Next.js sites?▼

Yes, this approach handles SEO and accessibility checks for Next.js sites by applying optimization subagents that generate SEO schemas, metadata, and validate accessibility requirements automatically.

Do I need to provide a design system or will the website builder create one?▼

You do not need to provide a design system; the website builder orchestrates automated generation of design systems, page scaffolding, and content integration directly from your plain-language brief.

What is the best way to scaffold a Next.js repository with deployment guidance?▼

The best way to scaffold a Next.js repository with deployment guidance is using an orchestrator that produces phase artifacts, metadata, and deployment outputs from your initial site brief.