website-build

Orchestrate a landing-page build pipeline from brand extraction to deployment.

29|12|Updated Mar 30, 2026
One-click install
npx skills add https://github.com/matteotitta/genesys-skills --skill website-build
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: website-build
Source: https://github.com/matteotitta/genesys-skills/tree/main/skills/primitives/website/execution/website-build
Command: npx skills add https://github.com/matteotitta/genesys-skills --skill website-build

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill solves the fragmentation and inconsistency inherent in building B2B SaaS websites by orchestrating the entire lifecycle from brand foundation to deployment.

Core Features & Use Cases

  • Unified Pipeline: Chains brand-kit generation, wireframing, component scaffolding, and copy execution into a single, review-gated workflow.
  • Design Consistency: Enforces strict token-based design rules (DESIGN.md) across all pages to prevent brand drift.
  • Use Case: A founder needs to launch a full site for a new product; this skill automates the creation of the sitemap, wireframes, and code scaffold, ensuring the final output matches the brand voice and messaging.

Quick Start

Run the website-build skill for the client named ClientCo with the home, pricing, and about pages using the shadcn-vercel stack.

Frequently Asked Questions about website-build

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

FAQPage Schema
How do I automate a B2B SaaS go-to-market website build from branding to deployment?

An end-to-end GTM website build pipeline automates the process by chaining brand-kit generation, wireframing, component scaffolding, and copy execution into a single, review-gated workflow. This ensures design consistency and prevents brand drift across all pages.

What is design-token enforcement in a website pipeline and why does it matter?

Design-token enforcement in a website pipeline applies strict token-based design rules across all pages to prevent brand drift. It ensures that component scaffolding and copy generation strictly adhere to the predefined brand voice and messaging guidelines.

How do I scaffold components for a new B2B SaaS landing page?

Scaffolding components for a B2B SaaS landing page is handled through a multi-phase execution pipeline that creates the sitemap, wireframes, and code scaffolding. This process enforces predefined review gates to ensure quality assurance before deployment.

Can I build multiple pages like home, pricing, and about in a single website pipeline?

Yes, you can build multiple pages like home, pricing, and about in a single pipeline run. The unified pipeline orchestrates information architecture and copy generation for all specified pages simultaneously, ensuring strict adherence to the design-token contract.

What's the best way to maintain brand consistency across a B2B SaaS website launch?

The best way to maintain brand consistency during a website launch is to use an orchestrated pipeline that enforces strict token-based design rules. This approach automates information architecture, component scaffolding, and copy generation while preventing brand drift.

Do I need predefined review gates when generating website copy and components?

Yes, predefined review gates are required when generating website copy and components to ensure quality assurance. The pipeline mandates these strict review gates between the information architecture, scaffolding, and copy execution phases to maintain output standards.