01 / START WITH A SMALL IDEA

Plan your first app

Turn an idea into a clear first version, understand the project, and prepare a working preview.

Set the direction first

Describe one audience, one problem, and one essential action. Ask the assistant to list the smallest version you can build, the data it needs, and what remains out of scope.

STARTING BRIEF
Describe one audience, one problem, and one essential action. Ask the assistant to list the smallest version you can build, the data it needs, and what remains out of scope.

Work through these tasks

Open one task, customize it for your project, and check the result before moving on. Skip any step that does not apply.

STEP 01

Understand this project

Get your bearings before asking for changes.

Open this task ↗

Use it when
When opening an unfamiliar codebase.

Before moving on
Reference actual files and distinguish verified findings from guesses.

STEP 02

Find the setup steps

Learn what this project needs to run.

Open this task ↗

Use it when
When a downloaded or cloned project will not start.

Before moving on
Use the existing package manager and identify required environment variable names without exposing secrets.

STEP 03

Start a local preview

See the current project in your browser.

Open this task ↗

Use it when
When you are ready to check a website on your own machine.

Before moving on
Confirm the process and page are reachable where possible; do not deploy publicly.

STEP 04

Rewrite the hero headline

Tell visitors what your product does in fewer words.

Open this task ↗

Use it when
When the first screen feels vague or overly wordy.

Before moving on
Check line breaks, responsive text fit, and heading hierarchy.

Keep a recoverable checkpoint.

Save your work or review a Git commit between meaningful stages. A clean checkpoint makes the next experiment easier to understand and reverse.

Learn the terminal basics →