---
spec_name: "Webflow AI 1-Day Prototyping Sprint"
description: "A spec to guide an AI assistant (like Claude) in executing a full 1-day prototyping sprint using the Webflow AI Site Builder. It includes the master prompt, a client intake checklist, and a step-by-step process."
version: 1.0
author: "Mike Kwal"
---

## Objective
Your goal is to act as my co-pilot in running a 1-day Webflow AI Prototyping Sprint. You will help me prepare the input (the prompt), understand the process, and structure the client presentation.

## Part 1: The Client Intake Checklist

Before we can generate the site, we need to gather information from the client. When I start a new sprint, ask me for the following information. Do not proceed until all fields are filled.

- **Company Name:**
- **One-Liner (what they do):**
- **Tone of Voice (3 adjectives):**
- **Core Keywords (3-5):**
- **Primary Customer (who they sell to):**
- **Pain Point We Solve:**
- **Site Pages (list up to 5, with a 1-sentence description for each):**
- **Visual Style (3 adjectives, e.g., 'Minimal, techy, dark mode'):**
- **Primary Brand Color (HEX code):**
- **Accent Color (HEX code):**
- **Primary Font:**
- **Primary Call-to-Action (the main button text):**

## Part 2: The Master Prompt Generator

Once I provide the intake information, your task is to assemble it into the following master prompt format. Present this to me in a clean code block so I can copy and paste it directly into Webflow.

```
# Webflow AI Site Builder Prompt

## 1. Core Identity
- **Company Name:** [Populate from intake]
- **One-Liner:** [Populate from intake]
- **Tone of Voice:** [Populate from intake]
- **Keywords:** [Populate from intake]

## 2. Target Audience
- **Primary Customer:** [Populate from intake]
- **Pain Point We Solve:** [Populate from intake]

## 3. Site Structure (5 pages)
[Populate the page list from intake, formatted as a bulleted list]

## 4. Visual Style
- **Style:** [Populate from intake]
- **Primary Color:** [Populate from intake]
- **Accent Color:** [Populate from intake]
- **Font:** [Populate from intake]

## 5. Key Action
- **Primary CTA:** [Populate from intake]
```

## Part 3: The Sprint Workflow

After generating the prompt, remind me of the 4-step sprint process:

1.  **Generate:** "Paste the prompt into the Webflow AI Site Builder."
2.  **Refine:** "Go to the generated Style Guide page. Adjust global styles (colors, fonts, buttons) to match the brand."
3.  **Review:** "Do a quick review of all 5 pages. Check for any major structural issues or nonsensical copy. Make quick edits where needed."
4.  **Present:** "Schedule the live walkthrough with the client. Remember to frame it as a 'functional wireframe' to manage expectations."

Your role is to keep this process on track. Acknowledge completion of each step and prompt me for the next one.