Skip to content
Alzubair Alojali
WhatsApp
ALL WORK · 03
Product tool

SpecFlow

Client
Personal product
Status
Private · client system
Platform
Web
Stack
Next.js
The pitch: a conversation that ends with a working app
The pitch: a conversation that ends with a working app
The brief

For people who can't speak design: a conversation that ends with a working app.

Coding agents can build almost anything, if you can describe what it should look and feel like. Most people can’t put taste into words.

Feel, chosen from real options

Named palettes replace design vocabulary. You pick what looks right instead of describing it.

Choosing the feel: named palettes, no design vocabulary required
Choosing the feel: named palettes, no design vocabulary required

Motion you can preview, not imagine

Entrance, scroll, hover and text effects play live before you commit: a motion vocabulary with previews instead of adjectives.

The motion library: entrance, scroll, hover and text effects, previewed live
The motion library: entrance, scroll, hover and text effects, previewed live

Two files a coding agent can execute

The interview ends in design.md and code.md: a design-system spec plus an implementation brief that Claude Code, Cursor or v0 can build from directly.

The output: design.md and code.md, ready to hand to a coding agent
The output: design.md and code.md, ready to hand to a coding agent

An interview, not a questionnaire

What are we building, what should it feel like, what's the one action a visitor should take: short questions, concrete choices, a working brief at the end.

The interview that produces the brief
The interview that produces the brief
The hard part

Turning taste into a machine-readable spec: a curated palette library; a motion vocabulary: entrance, scroll, hover, page transitions, micro-interactions, text effects, with live previews; and an exporter that emits a design-system spec plus an implementation brief as two separate markdown files.

Next.js
Outcome

Taste becomes a machine-readable spec.

Outcome

Two markdown files a coding agent can execute without guessing.

Outcome

Real options replace design vocabulary.

Have something like this in mind?

Usually replies within a day.
NEXT PROJECT · Waqti · 13/15

Take your time back: set limits per app, or one shared budget across a whole group of them.

READ THE CASE STUDY