EN DE
← ← Back to Index

website-pipeline

website-pipeline v2.1.0

Description

The core 5-step website building pipeline. Load this when starting any website project. Covers plan, scaffold, build, preview, and polish — all with original code, no copy-paste.

Relevance to Our Projects

The core workflow for every client project. Defines how we go from requirements to a shipped website — including planning, preview, AI-readability, and deployment.

Pipeline

1📋 Planung & Recherche — Anforderungen analysieren, Zielgruppe bestimmen, Tech-Stack wählen
2🏗️ Gerüst — Projektverzeichnis, Konfiguration, Dev-Server starten
3🔨 Bauen — Komponente für Komponente, jede testen bevor es weitergeht
4👁️ Vorschau & Prüfung — Responsive, Links, Konsole, Animationen validieren
5✨ Optimieren & Ausliefern — SEO, Metadaten, Barrierefreiheit, Deployment

SKILL.md Preview

# Website Building Pipeline

## When to use this
Load this skill at the start of every website project. It's the default workflow for taking a concept to a shipped, production-quality site.

**Alternative kickoff for complex projects:** If the project is large or the architecture is unclear, load the `frontier-prompt-pipeline` skill first. It shifts the architecture and code generation to a frontier model (Opus/Sonnet) via a naked prompt — then you return here for Step 2 onwards to build, previe

← ← Back to Index