QSQingSu
Back to notes
Indie Builder Journey2026-05-27

Design the Workflow Before You Code the Tool

A practical product design frame for turning repeated operator pain into a small AI tool with clear input, output, workflow, and V1 scope.

Product DesignAI ToolsWorkflowPRDIndie Building

A tool should not start from code.

It should start from the operating problem.

This is especially true for AI tools.

It is easy to build a nice interface around a vague prompt. It is harder to build something that helps a real user move from messy input to useful output.

The common problem

Many builders start with features too early.

They think about dashboards, login, billing, roles, database models, settings, and polished UI.

But the core workflow is still unclear.

Who is the user?

What painful moment are they facing?

What input do they already have?

What output would help them make a decision?

What should happen after the output?

If these questions are unclear, coding only makes the confusion more expensive.

The framework

Before coding, I like to define seven things.

1. User

Be specific.

Not "marketers."

Better: a media buyer testing creatives, a Shopify founder reading reviews, a growth lead preparing a weekly report, or an operator turning field notes into content.

A specific user makes the product sharper.

2. Painful moment

The tool should solve a repeated painful moment.

Examples:

  • I have hundreds of reviews but cannot see the main angles.
  • I have many creatives but cannot tell which hook worked.
  • I need a weekly report but the data is scattered.
  • I want to publish insights but do not want random brainstorming every night.

Pain creates product direction.

3. Input

Every tool starts with input.

For AI tools, input quality matters more than prompt decoration.

Possible inputs include CSV files, Shopify reviews, ad exports, screenshots, URLs, keyword lists, creative scripts, chat notes, and customer messages.

If the input is unclear, the output will be unclear.

4. Processing logic

This is the system inside the tool.

What should the tool extract, classify, cluster, score, compare, summarize, or generate?

A review tool may extract pain points, objections, motivations, use cases, and angle families.

A creative tool may classify angle, hook, format, creator, spend, CPA, and pass/fail result.

5. Output

A weak output is "AI ideas."

A strong output is structured and decision-ready.

Examples:

  • Angle dictionary
  • Hook list
  • Creative brief
  • Diagnosis checklist
  • Weekly report summary
  • Prioritized next actions
  • Content outline

The output should help the user decide what to do next.

6. Next action

The output should connect to an action.

Export the brief.

Share the report.

Create the next test.

Update the product page.

Publish the note.

Build the next workflow.

If the output does not lead to action, the tool becomes a toy.

7. V1 boundary

The hardest part is cutting scope.

V1 does not need everything.

It needs one clear promise, one user, one input, one useful output, and one clean workflow.

Practical checklist

Before coding, ask:

  • Who exactly is this for?
  • What repeated painful moment does it solve?
  • What input does the user already have?
  • What should the tool process?
  • What output should it create?
  • What decision or action should follow?
  • What can be cut from V1?

The operator takeaway

If a workflow is repeated, it can become a system.

If a system is repeated, it can become software.

But software should come after the workflow is clear.

The best tools are not the ones with the most features.

They are the ones that help the right user reach the right output faster.

More tool-building notes at qingsu.xyz/tools.

More tool-building notes at qingsu.xyz/tools.