Guided Journey · Create × Website

Create a Website

Blank page → high-converting website

Takes you from a blank page to a live, high-converting website, built message-first, then design, then conversion. It orchestrates its ten skills phase by phase, asking you the decision questions at every step and recording every result in your project's docs/ folder so the journey resumes across sessions.

Written to your repo
  • docs/MARKETING.md
  • docs/CUSTOMER.md
  • docs/POSITIONING.md
  • docs/WEBSITE.md
  • docs/DESIGN.md
  • docs/EXPERIMENTS.md
  • docs/CREATE-WEBSITE-PLAN.md journey tracker — stop anytime, resume any session

One prompt runs it

Every phase asks before it acts, and every decision lands in your project’s docs/ folder as a living document — quit anytime, resume in any session.

Use it when you need to
  • Build a new marketing site or landing page from scratch, in the right order
  • Get the message and one-liner locked before any design work
  • Create a design system, typography, and signature moments that convert
  • Engineer objection handling and lead capture into the site
  • Ship only after a cold, end-to-end design review
Install this metaskill
npx skills add wondelai/skills/create-website --global

This skill is compatible with Claude, Claude Code, Claude Cowork, Codex, Cursor, OpenClaw, Hermes Agent, and other agentskills.io-compatible agents.

Journey Map

10 phases, one deliberate order

Each phase invokes one skill from the library, asks you the decision question, and writes the answer to your project’s docs/ before moving on.

  1. 01 Who is this for, and what is the site's one job? 1-Page Marketing Plan one-page-marketing → docs/MARKETING.md + docs/CUSTOMER.md
  2. 02 What do we say, with the customer as hero? StoryBrand Messaging storybrand-messaging → docs/POSITIONING.md + docs/WEBSITE.md
  3. 03 How do we make the message memorable? Made to Stick made-to-stick → docs/POSITIONING.md + docs/WEBSITE.md
  4. 04 What makes this page unforgettable to look at? Top Design top-design → docs/DESIGN.md
  5. 05 Is the type readable as well as dramatic? Web Typography web-typography → docs/DESIGN.md
  6. 06 Is the design consistent and systematic? Refactoring UI refactoring-ui → docs/DESIGN.md
  7. 07 Can anyone use it without thinking? UX Heuristics ux-heuristics → docs/DESIGN.md
  8. 08 Why don't visitors convert, and what answers them? CRO Methodology cro-methodology → docs/WEBSITE.md + docs/EXPERIMENTS.md
  9. 09 How do we capture the not-ready-to-buy majority? Scorecard Marketing scorecard-marketing → docs/WEBSITE.md + docs/MARKETING.md
  10. 10 Is it insanely great, or not done? Steve Jobs Design Review steve-jobs-design-review → docs/WEBSITE.md Gate
In Practice

Build a Website That Converts, in the Right Order

You need a marketing site and don't want to discover after launch that the message was wrong.

We're building the website for [product]. Run the full journey:
lock the message first, then design system and typography, then
conversion engineering and lead capture, and finish with a brutal
design review. Check with me before each phase.

Use create-website skill.
Example Prompts

Try these with the skill installed

We need a website for our new product — take me through the whole build. using create-website skill

Full build kickoff

Start the website journey: message first, then design, then conversion. using create-website skill

Ordered walkthrough

Resume my website project from the tracker. using create-website skill

Resume journey
The Source

Born from a guide

This journey packages the playbook below as a single skill — the guide is the long-form read behind every phase.

Create · Website

How to Create a New Website with AI Skills

Build a high-converting website from scratch — message, design, typography, and conversion — with AI agent skills from StoryBrand, Refactoring UI, Making Websites Win, and more.

17 min read
More Journeys

Twelve journeys, one library

Create · Business

Create a Business

10 phases Create · App

Create an App

10 phases Improve · Business

Improve a Business

8 phases Improve · Website

Improve a Website

8 phases Improve · App

Improve an App

9 phases Grow · Business

Grow a Business

9 phases Grow · Website

Grow a Website

8 phases Grow · App

Grow an App

8 phases Engineering

Improve Code Quality

9 phases Engineering

Remove Technical Debt

8 phases Engineering

Design Code Architecture

8 phases

Install Create a Website

Free, open-source, and ready in 30 seconds.

npx skills add wondelai/skills/create-website --global
Browse on GitHub See All Skills

MIT Licensed · Works with Claude, Claude Code, Claude Cowork, Codex, Cursor, OpenClaw, Hermes Agent & other agentskills.io agents · No account needed

Prove it

Don’t guess your AI engineering level.
Measure it.

25 questions · ~8 min · Free

For hands-on developers

AI Developer Scorecard

How production-grade is your AI engineering?

Twenty-five questions across the practices that separate vibe-coding from production-grade engineering. Instant score, per-section breakdown, and a 30/60/90-day playbook.

Score 0–75 · 30/60/90-day playbook Score yourself For CTOs & founders

CTO Scorecard

Is your engineering team ready for AI at scale?

Twenty-five questions on how your org adopts AI — adoption, governance, automation, and ROI. See where you sit on the path from Reactive to Strategic Leader.

Score 0–75 · Reactive → Strategic Leader Score your org
Work with us

We build the skills you already use. Now we’ll build yours.

Custom skills · Subagents · MCP integrations — shipped to production, not demoed.

See what we build Book a 15-min call

Sprints from $3K · shipped to production, or you don’t pay the final milestone.