Fiuto: refining a feature after implementation

Implementation reviewed against the design it came from is where most quality work now happens, because the code arrives faster and with fewer people looking at it on the way. The review itself has not changed: walk the journey as a new user, list what differs from the agreed design or breaks a product rule, and decide which differences are refinements and which reopen the design. What has changed is that the same agent has to take those findings back through design without widening the scope.

Role
Founder
Year
2026
Team
Solo, with Claude Code
Shape
One session

Context

The onboarding flow prototyped in the previous part, from a URL to a built study, gave the build agent an exact target. This part opens the last arc of the series, on reviewing what comes back after implementation. The flow in the recording works, I enter a URL, answer two questions and land in a populated, running study, and it is also not finished; the article is about how I tell the two apart and how the skills that designed the feature are used again to refine it. With agents doing the delivery this review carries more weight than before, since the iterations spent matching the prototype go on getting the flow to work before anyone looks at whether it works well, and this flow decides whether a new user activates.

Walking the flow as a new user

The review in the recording has four parts, and each one is a place where a fix can grow into a redesign if it is skipped.

  1. Name the target the implementation was meant to match. Here it is the prototype from the previous part, which took a very long time to generate and several iterations to reproduce in the product, so the comparison is against something specific.
  2. Walk the journey with the least informed account you support. I sign in with an email account, so the product does not know my name and the first step has to ask for it; an account with a full profile would have hidden that step and what it costs a new user.
  3. Note every defect with its kind: the input available to the model at each step, every wait and its worst case, every element in the wrong place, every generated output that breaks a product rule. The kind decides the fix, and mixing them produces one large ticket where four small ones were needed.
  4. Decide whether the approved journey is still correct. A slow step, a misplaced modal or a content defect keeps the flow; a user who cannot supply the context the flow needs, or who should not be in the journey at all, reopens the design.

01The pipeline

The /ux family on a surface that is already live

The refinements go through the same /ux orchestrator that designed the flow, and the run in part 2 shows it at length on an implemented component. On a released surface it starts from the live source, and the stages that follow hold each round to the one before it, so a refinement request cannot widen into a redesign on the way through.

BaselineRefreshes the surface’s Ladle story from the current source before any ideation, so an old screenshot cannot become the reference.

ReviewTwo reviewers, one on market patterns, content, interaction and accessibility, the other on visual hierarchy, balance, composition and polish; their findings are merged and ranked by severity.

IdeateOne to three whole-surface directions; follow-up rounds carry the picked markup forward and change only the axis I name.

TranslateEach element of the pick is mapped to an existing component or token, a deliberate edit of a shared primitive, or a new component to formalise; /ux-translate renders the result in Ladle with a build specification.

FidelityThe render is checked against the approved mockup; drift at severity 3 or higher sends translate back once, and I decide if it remains.

RouteOne low-impact surface goes to /lean, one issue and one pull request; a new flow, a route or data change, or a shared primitive goes to /build.

The one decision the pipeline leaves to me is a question I put to each finding: does this refine the journey we approved, or does it reopen it? Which direction to lock in each round and which path each fix takes both follow from that answer.

02The session

What is in this video

A URL goes in, two answers follow, and a populated, running study comes back; the six minutes cover how that flow got here and where it falls short. The recap comes first: the weekly research agent from the previous arc had pointed at two ends of the product: sharing AI insights from the results pages with collaborators or publicly, built and running by this recording, and the entry point, where I had an onboarding screen that was enough at the start. With a strong sharing surface at the other end, the k factor was the next thing I planned to work on. The prototype that served as the template for delivery is on screen at 1:39: the list of blocks, then the study page with the study built, with an onboarding chat also in the prototypes repository.

From 2:27 I walk the implemented flow. Signed in with an email account, I enter my name. The next step did not exist in the prototype: I added it during implementation because the context available to the agent was not enough to generate a decent study plan, so the flow now generates recommended next steps and asks me to pick one, and that choice supplies what the plan was missing. The suggestion usually takes a few seconds and can take up to a couple of minutes, and I pause the recording while it completes. The screen that follows shows a goal modal I had added, placed by the agent where I think it should not be. The flow then lands me in a populated study with context, I can attach a file, and in preview it is a running study whose generated copy uses dashes the product’s copy rules exclude.

The session. Six minutes: the prototype, then a populated, running study created from a URL, with the wait for the recommendation cut out.

The verdict comes at 4:10. There are several issues and they are all refinements: the flow captures what I would want from a test without my entering anything beyond the URL, the generation quality still needs work, and as an alpha experience it is almost there. I did not open Figma once or review any code to get here; the work was a series of iterations through skills that reproduce the processes a product team runs.

The review rounds that fixed the four defects happened off camera, and the recording gives no elapsed time for the iterations that reproduced the prototype, so the six minutes show the walk and the verdict and nothing of the cost of getting there. Three checks came out of the walk and now sit at the start of a review. When generation is weak, the context the model had at that step is checked before its prompt is rewritten, and missing context is collected in the journey. The waiting state is designed for the longest wait observed rather than the usual one. The product’s content rules run as explicit checks on every generated output.

Conclusion

The four defects each say something about a flow an agent built. The missing name says the agent implemented against the account it was given, so the least informed account is the one that walks the result. The wait of up to two minutes says a generated step is designed for its usual case, and the worst case only appears when someone times it. The misplaced modal says that where the prototype gives no position the agent picks one, and that pick is reviewed like any other. The copy with dashes says a generated output obeys the rules that are checked, and only those. Sorting the findings by kind kept each of them a small fix, and the question put to each one, refine or reopen, set the size of everything after it. The refinements then went back through the stages that produced the feature, each round held to the last and each fix routed by how much it touches.

The walk through a flow that turned a URL into a running study with two answers from me found a missing name, a wait of up to two minutes, a modal in the wrong place and copy that broke a product rule, and all four went back through the design skills as refinements.

Sources

Case studies

36 case studies

No filters

Focus

Discipline

Complexity

Sector

Consumer apps

Platform

  1. Tailored meal plan

    • Samsung Food
    • 2025
    • 11 min read

    How I worked through the design process to move from an empty planner to a generated weekly plan.

  2. Share panel redesign

    • Fiuto
    • 2026
    • 6 min read

    How I use a set of custom skills to redesign complex features inside the coding agent, without Figma.

  3. Figma to code

    • GitLaw
    • 2026
    • 7 min read

    How I connected GitLaw's Figma library and code in both directions, with Storybook as the source of truth.

  4. Recipe AI

    • Samsung Food
    • 2023
    • 5 min read

    How I started integrating generative AI into native, user facing app features.

  5. Shareable insights

    • Fiuto
    • 2026
    • 6 min read

    How I take a research finding to a feature on staging.

  6. Health dashboard

    • Samsung Food
    • 2024
    • 8 min read

    How I designed Samsung Food's first health dashboard, with progress against the goals users set.

  7. Study sharing design

    • Fiuto
    • 2026
    • 5 min read

    How I ground a new feature in the code, the roadmap and the market before designing it.

  8. Casual meal planner

    • Samsung Food
    • 2024
    • 10 min read

    How I designed a to-do list mode in the planner for users who plan casually.

  9. Weekly competitive research

    • Fiuto
    • 2026
    • 6 min read

    How I turn a competitive finding into new projects on the roadmap in one session.

  10. Ingredient substitutions

    • Samsung Food
    • 2023
    • 5 min read

    How I designed ingredient swaps that let users adapt any recipe to their diet.

  11. Onboarding prototype

    • Fiuto
    • 2026
    • 6 min read

    How I prototype a whole user journey in the product's own components.

  12. Health goals

    • Samsung Food
    • 2023
    • 10 min read

    How I designed meal recommendations and a planner around users' own calorie and macro targets.

  13. Visual QA with agents

    • Fiuto
    • 2026
    • 5 min read

    How I review a delivered feature with ten agents testing it in real browsers.

  14. Meal swaps

    • Samsung Food
    • 2024
    • 8 min read

    How I took a meal swap from Beta feedback to release through thirteen sprints of scope negotiation with engineering.

  15. Admin components redesign

    • Fiuto
    • 2026
    • 5 min read

    How I design and build shared admin components in one coding session, with no Figma handoff.

  16. Planner improvements

    • Samsung Food
    • 2024
    • 9 min read

    How I took five planner briefs from hypothesis to handover under one mission.

  17. Study sharing handoff

    • Fiuto
    • 2026
    • 6 min read

    How I turn an approved mockup into real components, with states, mobile and both themes.

  18. Study sharing build

    • Fiuto
    • 2026
    • 6 min read

    How I run planning, implementation and checks as one pipeline, and settle the decisions the agent hands back.

  19. Study sharing release

    • Fiuto
    • 2026
    • 6 min read

    How I take a feature from staging to production.

  20. Onboarding build review

    • Fiuto
    • 2026
    • 6 min read

    How I review a built onboarding flow against its prototype and send each fix back.

  21. Illustrations and animation

    • Fiuto
    • 2026
    • 6 min read

    How I place illustration and animation on a working screen in minutes, by asking the coding agent.

  22. Profile access A/B test

    • VAHA
    • 2021
    • 4 min read

    How I designed the profile and its privacy settings for a smart mirror's companion app.

  23. Sportsnet app concept

    • Sportsnet
    • 2021
    • 10 min read

    How I co-created a sports app concept for younger fans with the Rogers team.

  24. Partner app onboarding

    • Utility Warehouse
    • 2020
    • 8 min read

    How I designed onboarding for new partners in a six-week Shape Up cycle, to reduce first-year drop-off.

  25. Access and entitlements

    • Discovery
    • 2019
    • 9 min read

    How I redesigned sign-up for users who could not tell a free account from a subscription.

  26. WWE Network native apps

    • WWE Network
    • 2018
    • 8 min read

    How I owned the UX of WWE Network's iPhone, iPad and Android apps on Massive's AXIS platform.

  27. Navigation redesign

    • DAZN
    • 2017
    • 10 min read

    How I redesigned navigation and tiles to give DAZN users quick access to content.

  28. Community and gamification

    • VAHA
    • 2021
    • 11 min read

    How I designed community and gamification features for VAHA, from a team workshop to the design system.

  29. Join funnel

    • Utility Warehouse
    • 2020
    • 9 min read

    How I redesigned Utility Warehouse's sign-up steps to make a multi-service bundle easier to join.

  30. Self-service account

    • Discovery
    • 2019
    • 9 min read

    How I designed a self-service account area for Discovery's streaming products.

  31. BritBox acquisition and account

    • BritBox
    • 2019
    • 9 min read

    How I designed BritBox's first UK sign-up and account journeys in two sprints.

  32. NFL Game Pass white label

    • NFL Game Pass
    • 2017
    • 9 min read

    How I designed a white-label NFL Game Pass to test DAZN's product as a service for sports leagues.

  33. Remote appointments

    • Utility Warehouse
    • 2020
    • 7 min read

    How I redesigned Utility Warehouse's remote appointment when lockdown made it essential.

  34. Native playback

    • Discovery
    • 2020
    • 8 min read

    How I specified playback for every Discovery streaming app, embedded in the platform's tech team.

  35. Univision sports streaming

    • Univision
    • 2018
    • 6 min read

    How I designed the UX of a direct-to-consumer football service for Univision on web, apps and Chromecast.

  36. Offline downloads

    • DAZN
    • 2016
    • 6 min read

    How I designed downloads for watching catch-up sport offline in DAZN's iOS and Android apps.

Send a message

Tell me about the role and when it starts, and I will reply by email.