AI · PRODUCT · UX · ENGINEERING

From idea to working product, with AI.

I build at the intersection of product thinking, UX and engineering. AI helps me explore ideas and ship faster. The hard part is using that speed to make a better product — not just a faster one.

Understand the problem. Engineer the context. Build with intention. Learn from the result.

Product-building loop

Understand the user, problem and opportunity.

Workflow

A workflow built around better decisions.

AI can get us to working software faster. Speed isn't enough — we need to solve the right problem. My workflow connects five stages, with Context Engineering in the middle — the product knowledge, design guidance and technical constraints that each stage uses.

01 · Discover

Start with the problem, not the prompt.

A clear prompt cannot fix an unclear problem. Before I decide how to build something, I want to know who it is for, what they are trying to do, and whether this is worth building.

Four product risks

Before I ask AI to generate a solution, I check four product risks. They show what evidence is still missing — and whether the idea should go any further.

Value risk

Are we solving a problem worth solving?

What users need, how they cope today, and whether a solution is worth it.

Usability risk

Can people understand and use the solution?

Explore user flows, test the prototype, and find where people get stuck.

Feasibility risk

Can we build and maintain it?

Can we actually build this with the stack, data and time we have?

Viability risk

Does the solution make sense for the business?

Is this worth the cost to run and keep?

How AI supports discovery

  • 01Structuring interview questions and research plans.
  • 02Pulling themes out of interviews and notes.
  • 03Exploring alternative solutions and identifying assumptions.
  • 04Turning research into questions we can actually test.

AI summaries are input for the analysis — not proof that users want this.

02 · Define

Define the work before delegating it to AI.

I define the smallest useful solution and turn it into a plan. I use AI to explore approaches, clarify requirements, identify edge cases and break larger tasks into smaller implementation steps.

I don't write long docs for their own sake. Just enough that we know what to build — and can tell if the result is right.

Specification structure

spec.md — illustrative structure, not a real project brief
  • Who the feature is for.
  • What problem it addresses.
  • What outcome it should support.

03 · Context Engineering

Give AI the right context to build the right thing.

A prompt describes the task. Context helps AI understand the product, its constraints and the decisions that shape a good solution.

I don't load the whole project into a prompt. I give the agent what it needs for this task — and keep that context updated as the product changes.

What belongs in the context layer?

A / Context layer

Product knowledge

What are we building, for whom and why?

Feeds from

  • Customer research
  • Customer calls
  • Spec / requirements
  • Product goals and user needs
  • Problem statements and requirements
  • User journeys and business rules
  • Scope decisions and acceptance criteria
  • Research findings and relevant evidence

Atomic agent skills: small capabilities, composable workflows.

I split agent work into small skills I can chain. Each has one job, clear inputs, an expected result, and instructions both I and the agent can follow.

skills/design-system/SKILL.md

Understand the design system

Find the right components, tokens and layout rules — and use them the way the system intends.

  • Check tokens and colors before writing any UI
  • Use existing components before inventing new ones
  • Note the layout rules the prototype must follow

Input

Tokens, component docs

Output

Design guidance

project/ — example layout
project/
├── AGENTS.md
└── .cursor/
├── rules/
│ ├── frontend.mdc
│ └── accessibility.mdc
└── skills/
├── write-prototype-spec/
│ └── SKILL.md
├── implement-prototype/
├── validate-design/
└── design-system/
├── SKILL.md
└── references/
├── tokens.md
└── components.md

In Cursor, skills live in .cursor/skills/. Claude Code uses the same idea under .claude/skills/.

How I write skills

  1. Write the decision down

    An agent cannot use an unwritten convention. If a form's validation or the right design-system component isn't written down, it will guess.

  2. One job per skill

    Compose small skills into a workflow instead of one skill that tries to do everything.

  3. Three layers, different jobs

    AGENTS.md is always-on guidance for the repo. Rules live in .cursor/rules/ as .mdc files — coding standards, accessibility, what not to change. Skills are folders you invoke, each with a SKILL.md. The same instruction should not live in both.

  4. Load only what this task needs

    More context is not better context. Outdated notes and long chats introduce contradictions.

04 · Build

Build in small, reviewable loops.

  1. 01Select a meaningful slice

    Choose one feature, component or user flow that contributes to the product goal.

  2. 02Plan the change

    Give the agent the task, relevant context, constraints and acceptance criteria. Ask for a plan when the task has meaningful complexity.

  3. 03Implement

    Use AI-assisted coding tools to generate, modify or refactor the implementation.

  4. 04Inspect

    Review the code and the user-facing result against the specification, design system and existing architecture.

  5. 05Refine

    Correct problems, clarify missing requirements and improve the implementation before moving on.

  6. Refine → next meaningful slice

05 · Validate & iterate

A prototype is a hypothesis you can interact with.

A prototype makes the idea real. I check it against the original problem, the expected behaviour, and the quality bar. If AI is in the loop, I also run evals.

  • Product validation

    Does the solution address the original problem?

  • UX validation

    Can users complete the intended task?

  • Engineering validation

    Does the implementation behave correctly?

  • AI evals

    Is the AI product or workflow performing well?

AI evals

Methods for measuring whether an AI product or workflow is performing well.

PromptAI workflowOutput

An eval asks: is this what I expect — and how often?

  1. 01

    Look

    See what the AI made, and where it goes wrong.

  2. 02

    Measure

    An eval counts how often the result is actually good.

  3. 03

    Improve

    Change the workflow. Measure again. Keep what works.

Reusable workflows

Make good workflows repeatable.

The point is not just finishing one task faster. It is turning what works into something I can reuse — templates, conventions, focused agent instructions and quality checks.

Shared context. One source of truth for requirements, design conventions and technical decisions.

Principles

The principles behind how I build.

Problem before prompt
Start with the user problem and desired outcome, not the tool or the feature.
Context before complexity
Write down the requirements, constraints and conventions before the build gets more complex.
Small loops over one-shot generation
Build incrementally, inspect the result and correct problems early.
Quality beyond the demo
Consider usability, accessibility, edge cases and maintainability, not just whether the interface looks convincing.
Reuse what works
Turn useful patterns, documentation and checks into repeatable workflows.
Human judgement, AI acceleration
Use AI to move faster — without giving up responsibility for the product, or the quality of the result.

Build faster. Learn sooner. Make better product decisions.

Explore my projects

Let's work together.

Have a project in mind or just want to say hi? Reach out via email or LinkedIn.

© 2026 — Designed & built with passion