Recorded 6 October 2026 · Kiro

Ramble, a walking app, redesigned: Kiro

The example's own Kiro agent with the earlier 0.4 tool surface, outside the Studio.

Host: Kiro 2.24.0
Model: claude-opus-5.5
Moûsa: 0.4.0, the earlier tool surface (0.4)
Started: 6 October 2026
Time: 20.6 minutes
Qloo requests: not counted by the 0.4 surface
Pictures: none: imagery drawn in SVG or CSS

Play it

The design's own files as the session left them, running sandboxed on a separate origin.

The design Open full screen

7 of 7

design devices rest on what the model did not predict

The audience, as the person named itStudio GhibliKhruangbinVivian Maier

46works measured, 0 of them predicted

18shared qualities, 0 predicted

4pacing, surface and tone tags, 1 predicted

7design devices over 7 layers

The result

The captures of round 2, the last the agent reviewed: 4 criteria met, 1 partly, 0 missed.

phone · screen-welcome, round 2 — phone · screen-welcome · round 2 · judged in the review

phone · screen-walk, round 2 — phone · screen-walk · round 2 · judged in the review

phone · screen-walks, round 2 — phone · screen-walks · round 2 · judged in the review

board, round 2 — board · round 2 · judged in the review

Before any data: the model's own prediction

Frozen before Qloo was asked, so what Qloo adds can be told apart from what the model already assumed. An entry a measured name matches is marked; the match is liberal, so it only lowers what counts as new.

The design the model would make from it alone

A soft watercolor storybook: cream paper, sky-blue and meadow-green washes, a rounded hand-lettered serif, cards like sketchbook pages with painted cloud headers and a gentle floating animation.

#f6f1e4#8fc3e0#7fae6b#e9b872#3b4a5a

Type: Fraunces and Nunito

#sketchbook-cover#cloud-header#meadow-cards#storybook-route

drifting clouds
watercolor washes
sketchbook pages
little soot sprites

The audience it expected

Unhurried visitors who like hand-made wonder, warm retro groove and candid street observation: they want a walk to feel like a quiet adventure where small everyday details are noticed, not a checklist of sights.

Pacing

slow contemplative pacingwhimsicalnostalgicdreamlike

Surfaces

hand-drawn watercolorfilm grainvintage matched Vintage Printspastoral

Shared qualities

warmmelancholiccozy

The works it expected them to love

Brands

MujiPatagoniaLeicaMoleskinePolaroid

Films

AméliePatersonLost in TranslationThe Grand Budapest HotelSpirited Away

Music

BonoboTame ImpalaLeon BridgesMild High ClubNujabes

Books

The Little PrinceNorwegian WoodThe FlâneurKafka on the Shore

Midnight DinerBob Ross: The Joy of PaintingTwin PeaksAtlanta

What Qloo measured

What this audience loves, the qualities those works share and the tags ranked for it. New means the prediction did not contain it.

Look qualities

Expressive newin Chyno Miranda, Maite Perroni and Ana Paula
Spectacular newin World of Dance and Avengers: Infinity War
Charismatic newin Karol G, Chyno Miranda and Anuel AA
Energetic newin Karol G, Maite Perroni and Ana Paula
Trap Latino newin Karol G, Bad Bunny and Anuel AA

Mood qualities

Emotional newin Soy Luna, Elite and Christian Nodal
Romantic newin Soy Luna, Lady of Steel and Chyno Miranda
Versatile newin Forever 21, Bad Bunny and Maite Perroni
Melodic newin Christian Nodal, Maite Perroni and Ana Paula
Compassionate newin Soy Luna and Avengers: Infinity War

Meaning qualities

Passionate newin Sin Senos Sí Hay Paraíso, Down to Earth with Zac Efron and Anuel AA
Empowerment newin Karol G, Maite Perroni and Ana Paula
Youthful newin Soy Luna and Anuel AA
Diverse newin Karol G, Bad Bunny and Christian Nodal
Romance newin Christian Nodal, Chyno Miranda and Maite Perroni

Surfaces

Bohemian newCoastal newVintage Prints predictedQuality Craftsmanship new

Brands

Instagram newMinimalist UI · Dynamic Color Gradients · High-Resolution Imagery
Calvin Klein newCasual · Other · Shoe brands
Victoria's Secret newPink And Black Color Palette · 1977 establishments in California · Swimwear manufacturers
Nike newNike · Fashion · 1970s fashion

Brands, lesser known

Farmacias Cruz Azul newBlue Branding · Clean Clinical Design · Functional Layout
Autolasa newClean · Corporate · Functional

Films

Avengers: Infinity War newSpectacular · Compassionate · Action packed
Spider-Man: Far from Home newComing of age · Fire creature · Disguise
Spider-Man: No Way Home newWiped memory · Alien symbiote · Anonymity

Music

Karol G newLatin Pop · Energetic · Trap Latino
Bad Bunny newDynamic · Reggaeton · Trap Latino
Christian Nodal newRanchera-Rooted · Mariachi-Infused · Norteño-Driven
Chyno Miranda newLatin Pop · Expressive · Tropical Pop

Books

I’m Glad My Mom Died newContemporary · Memoir · Mental Health
Dear Pope Francis: The Pope Answers Letters from Children Around the World new
Renegades: Born in the USA newHistory · Biography Memoir · Nonfiction
Dreams from My Father: A Story of Race and Inheritance newBiography Memoir · History · Autobiography

World of Dance newAudience reaction pacing · Rhythmic quick cut editing · Spectacular
Soy Luna newBright · Choreography focused · Emotional
Cable Girls newFriendship · The outcast · Job
Dark Desire newObsession · Infidelity · Psychological thriller

How the agent read it

Before deciding anything, the agent grouped what belongs together. Each cluster rests on a quality; the works are its evidence.

expressive-heat · carries palette, typography and motion

Expressive, bright, romantic warmth

InterpretationThe measured neighbours are not quiet: they are melodic Latin pop ballads and a bright, emotional, romantic musical telenovela. Read against the seeds, this is the warm, sun-struck, danceable side of Khruangbin's global funk rather than a hushed storybook. The palette goes hot and saturated (terracotta, marigold, magenta-rose on deep indigo) and the type gets an expressive, high-contrast display face with real swagger.

Expressive look quality · newEmotional mood quality · newRomantic mood quality · newEnergetic look quality · newMaite Perroni music · newSoy Luna TV · new

coastal-prints · carries imagery, layout and structure

Coastal bohemian, vintage prints, made by hand

InterpretationThe aesthetic tags are the clearest link to the seeds: coastal, bohemian, vintage prints and craftsmanship. Port Calder is a harbour town, so the imagery becomes a screen-printed travel-poster look: flat two- or three-colour inks, a sun over the bay, misregistered layers, and walk cards that read like printed tickets or record sleeves.

Coastal surface · newBohemian surface · newVintage Prints surface · predictedQuality Craftsmanship surface · newMelodic mood quality · new

passionate-journey · carries voice and interaction

Passionate, compassionate journey

InterpretationPassion, compassion and 'the journey' set the voice: warm, direct, a little exclamatory, inviting the visitor to fall for the city stop by stop. The walk in progress is framed as a journey you are on, with encouragement at each stop rather than neutral status text.

Passionate meaning quality · newCompassionate mood quality · newDown to Earth with Zac Efron TV · newDiverse meaning quality · new

How the medium carries itThe measured profile overturned my storybook-watercolour prediction: none of my 23 predicted entities came back and every quality was a surprise. I keep what the measurement agrees on — expressive, emotional, romantic, passionate, coastal, bohemian, vintage prints — and translate it into a hot, screen-printed coastal poster style with an expressive display face and a warm, passionate voice. The mainstream brand and book results (Instagram, Nike, self-help titles) are popularity noise and are not used.

Set aside as noise

Avengers: Infinity War film · new A superhero blockbuster of near-total popularity (0.9993); its destruction and laser-gun tags reflect general popularity drift, not a usable register for a gentle self-guided walking app.

The Design DNA

7 binding devices with literal tokens the check looks for in the files. 7 rest on what the prediction did not contain.

palette · sunset-inks

Sunset screen-print inks

Anchored to

Expressive look quality · newSoy Luna TV · newRomantic mood quality · new

Translates: Expressive · Bright · Romantic

InterpretationBright, romantic, expressive neighbours call for saturated warm inks: deep indigo ink, terracotta, marigold and rose on cream poster stock, with a sea teal for the coast.

#f7ead3#231b4f#b83f1d#f2a516#d6416f#1d6f6c

Made with design-tokens for “Expressive, bright, romantic warmth”: The inks are shared by every screen, so they live in tokens.json and reach the CSS through var().

Away from the sketch: 5 colours

typography · fat-face-type

Fat-face poster headlines over an expressive grotesque

Anchored to

Expressive look quality · newMaite Perroni music · newEmotional mood quality · new

Translates: Expressive · Emotional · Energetic

InterpretationA theatrical fat-face serif gives headlines the swagger of a ballad singer's poster; an expressive grotesque keeps the facts readable.

Admit one walker

Rozha One

Admit one walker

Bricolage Grotesque

text-transform: uppercase

Made with library-font for “Expressive, bright, romantic warmth”: Rozha One and Bricolage Grotesque come from the OFL library with their @font-face rules and are named by the font tokens.

Away from the sketch: 2 type families

imagery · harbour-sun-print

Harbour-sun screen print

Anchored to

Coastal surface · newVintage Prints surface · predictedBohemian surface · new

Translates: Coastal · Vintage Prints · Bohemian

InterpretationA three-ink travel-poster print of Port Calder's bay: a striped setting sun, layered hills, the east-pier light and waves, slightly misregistered like a hand-pulled print.

#harbour-postersvg#harbour-postermix-blend-mode: multiply

Made with inline-svg for “Coastal bohemian, vintage prints, made by hand”: A flat three-ink harbour print is drawn best as vector shapes with multiply blending, which reads as overprinted ink.

Away from the sketch: 1 new part

motion · stamp-in-motion

Sun rise and stamp-in

Anchored to

Energetic look quality · newSoy Luna TV · new

Translates: Energetic · Choreography focused

InterpretationA choreographed, energetic beat: the poster sun rises once on the welcome screen and each new stop lands with a short stamp, both disabled under reduced motion.

@keyframes sun-rise@keyframes stamp-in

Made with css-motion for “Expressive, bright, romantic warmth”: Two one-shot keyframe animations, both removed under prefers-reduced-motion; neither loops, so no pause control is needed.

voice · passionate-voice

A passionate, compassionate guide

Anchored to

Passionate meaning quality · newCompassionate mood quality · newDown to Earth with Zac Efron TV · new

Translates: Passionate · Compassionate · The journey

InterpretationThe copy speaks like a friend who loves this city and wants you to love it too: warm, direct, encouraging, and kind about steps and pace.

Fall for Port Calder, one stop at a time

Pick a walk that steals your heart

You're on your way

Made with copy for “Passionate, compassionate journey”: Titles, buttons, onboarding and progress text are rewritten in the warm, encouraging register around the fixed facts.

structure · ferry-ticket-cards

Walk cards printed as ferry tickets

Anchored to

Quality Craftsmanship surface · newVintage Prints surface · predictedMelodic mood quality · new

Translates: Quality Craftsmanship · Vintage Prints · Melodic

InterpretationEach walk is a numbered printed ticket with a perforated stub holding its minutes, so the list reads like a run of hand-set tickets or a record's track list.

Admit one walker

#ticket-tearborder-left-style: dashed

Made with screen-layout for “Coastal bohemian, vintage prints, made by hand”: The ticket is a card component: a numbered body, a dashed perforation and a stub with the minutes.

Away from the sketch: 1 new part

interaction · journey-route

The journey as a dotted harbour route

Anchored to

Down to Earth with Zac Efron TV · newPassionate meaning quality · new

Translates: The journey · Passionate

InterpretationThe walk in progress shows every stop as a stamp on a dotted line, the visited ones inked in, the current one ringed, so the visitor sees the journey they are on.

#journey-lineborder-top-style: dotted

Made with screen-layout for “Passionate, compassionate journey”: The route of stops is a list component with done, current and next states on a dotted line.

Away from the sketch: 1 new part

Required anchors rejected, with the reason

Avengers: Infinity War film · new Set aside in the taste reading: A superhero blockbuster of near-total popularity (0.9993); its destruction and laser-gun tags reflect general popularity drift, not a usable register for a gentle self-guided walking app.

Away from the sketch

The design's palette, type and parts against the sketch frozen with the prediction. A colour counts as moved at a CIE76 difference of 20 or more from every sketch colour.

Sketch palette

#f6f1e4#8fc3e0#7fae6b#e9b872#3b4a5a

Design palette: 5 of 6 moved

#f7ead3ΔE 6 from #f6f1e4#231b4fΔE 34 from #3b4a5a#b83f1dΔE 51 from #e9b872#f2a516ΔE 34 from #e9b872#d6416fΔE 68 from #e9b872#1d6f6cΔE 26 from #3b4a5a

Type

Sketch: Fraunces and Nunito. Design: Rozha One (new), Bricolage Grotesque (new).

Parts

Sketch sections: #sketchbook-cover #cloud-header #meadow-cards #storybook-route

New in the design

#harbour-poster#ticket-tear#journey-line

The review

The agent judged each criterion of its plan on the captures it took, then repaired what fell short. The verdicts are its own.

Four criteria met; the journey line is partly met only because the visited state cannot be captured.

met

The welcome screen opens on a three-ink harbour print with a striped sun, hills, pier light and waves, the overprinted inks visibly blending, above a fat-face headline.

Observed in r2-phone-screen-welcomeThe sea prints as teal water with cream waves; the hills still overprint the sky.

met

Each walk in the list reads as a numbered printed ticket with a dashed perforation and a stub showing its minutes, and the walk facts are legible.

Observed in r2-phone-screen-walksTickets unchanged and legible.

met

Headlines are set in a heavy fat-face serif and body text in a grotesque, on cream stock with indigo ink and terracotta actions, consistently across all four screens.

Observed in r2-boardConsistent type and inks on all four screens.

partly

The walk screen shows every stop as a stamp on a dotted line with visited, current and next clearly different.

Observed in r2-phone-screen-walkThe phone lands exactly on the walk screen; current and next stamps are clearly different. The visited state (filled ink stamp) cannot show in a capture taken at stop 1.

RepairNothing to change in the build. The visited state is checked only in code, because the capture tool cannot press 'On to the next stop'.

met

Titles and buttons speak in a warm, passionate, encouraging voice without changing any walk fact.

Observed in r2-boardCopy warm and encouraging; facts unchanged.

What earlier rounds found short, and the repairs

Round 1: 3 met, 2 partly, 0 missed. Tickets, type and voice met; the poster's sea colour and the phone scroll offset were repaired.

partly

The welcome screen opens on a three-ink harbour print with a striped sun, hills, pier light and waves, the overprinted inks visibly blending, above a fat-face headline.

Observed in r1-phone-screen-welcomeThree-ink harbour print with a striped sun, overprinted hills, town, pier, lighthouse, boat and waves above a Rozha One headline. But the sea was multiplied over the marigold sky, so it read as a dark green field.

RepairRemoved the multiply blend from the sea so it prints as flat sea teal.

partly

The walk screen shows every stop as a stamp on a dotted line with visited, current and next clearly different.

Observed in r1-phone-screen-walkDotted line with a ringed current stamp and hollow next stamps, but the phone capture landed about 34px short because smooth scrolling was still running.

RepairSmooth scrolling now applies only on wide screens with no reduced-motion preference.

Limits

Qloo measured the entities, tags and shared qualities named here and how they relate to this audience. Every colour, font, layout, motion and line drawn from them is the agent's interpretation, marked as such.
A name marked new was not in the prediction the agent froze before any data. Only names are published here: Qloo's ids, affinity scores, popularity and descriptions stay in the project.
The check shows that the declared tokens are in the files, not that the design is good. The review is the agent's own reading of its captures.
One session is one sample. It shows where this design's choices came from, not that people prefer it.
Recorded with the earlier tool surface (0.4), which kept no Taste Brief, no check record and no Qloo request count.

What the agent did

26 Moûsa calls; 5 reads, 23 writes and 0 shell commands. Tool names, stages and outcomes only: no file contents, commands or model text.

Kiro session

0:07 culture_list_capabilities
0:07 read
0:15 read error
0:17 read
0:57 write
1:04 qloo_taste_profile
3:20 write ×2
4:31 culture_find_materials
5:14 culture_validate_reading
6:24 write
7:22 culture_validate_design_dna
8:14 culture_validate_design_dna
9:10 culture_validate_design_dna
10:04 culture_validate_design_dna
11:06 culture_validate_design_dna
11:59 culture_validate_design_dna
12:51 culture_validate_design_dna
13:30 write ×2
14:19 culture_validate_production_plan
14:24 culture_fetch_materials
15:43 write ×7
17:30 culture_check_dna_conformance
17:50 write
17:50 culture_check_dna_conformance
18:06 write ×6
18:31 culture_check_dna_conformance
18:36 culture_capture
18:36 culture_capture
18:36 culture_capture
18:36 culture_capture
18:46 read
19:09 write ×2
19:30 culture_validate_review
19:36 culture_capture
19:36 culture_capture
19:36 culture_capture
19:36 culture_capture
19:46 read
20:08 culture_validate_review
20:20 write

Run it again

Models vary from run to run, so a new session reaches its own design; the prediction it freezes and the measurement are compared in the same way.

The request

Redesign Ramble for visitors who love Studio Ghibli films, Khruangbin and the photographs of Vivian Maier.

The command

From the repository at commit unknown:

node scripts/run-mobile-example-live.mjs --run

Your own Qloo API key as QLOO_API_KEY in this repository's .env.
Kiro CLI 2.24.0, signed in.

The record's files

The same evidence as data and as pictures, for reading without this site.

The report on its own record.json The whole report as one picture The card