Developers | Library | 48 screens, 10 flows, 1 variant

The library

Every screen an agent can send, live. Tap one, it answers. Under each is the line that draws it: copy it into a reply or open it in the playground. Flows are whole conversations, drawn as their chart.

Are you an agent? library.json has every entry with its purpose, tags and lines to send. Search it by intent at /api/library?q=, or with the yui_library MCP tool.

Ask something

Drawing the screen...

timer

An interval timer with rounds, a ring and beeps. Opens full screen.

timer 40/20x8 Tabata +inline
workoutrestcountdownstopwatchtabatapomodoro
Drawing the screen...

ask

Yes or no, or two to four big buttons. The fastest way to get a decision.

say "Set 3 done. 225 x 5, bar speed looked good."
ask "Log this set?" "Log it"|"Redo it"
confirmyes nobuttonsdecisionapprove
Drawing the screen...

choose

Pick exactly one. Add +other for a typed answer.

choose "What are we training today?" Push|Pull|Legs +other
single choiceoptionsradiopollmenu
Drawing the screen...

pick

Pick any number, then send. Picks stay open to change.

pick "What gear do you have?" Dumbbells|Bench|Bands|"Pull-up bar"|Kettlebell +other
multi selectcheckboxesoptionstagsfilters
Drawing the screen...

slide

A slider for a number in a range, with words on both ends.

slide "How much do you know about AI?" 1-5 "Brand new"|"I run agents"
numberratingscalerangebudgethow much
Drawing the screen...

form

Several typed fields with one submit: text, email, date, voice, photo and more.

say "Nice to meet you. A couple of quick ones."
form name:text! email:email goal:voice submit="Next"
fieldsinputsignupintakecontactdetails
Drawing the screen...

mic

A big talk button. Speech comes back as text.

mic "What did you eat today?"
voicespeechdictatetalktranscriptnotes

Show something

Drawing the screen...

list

A titled list. With +check every item gets a checkbox.

list Today "Back squat 5x5" "Bench 5x5" "Barbell row 3x10" "Plank 3x60s" +check
checklisttodoitemsshoppingsteps
Drawing the screen...

card

A card with a picture, a line of text and one button that does something.

card "Leg day" "Squat, RDL, walking lunges. About 45 minutes." sub="Thursday" img=/yl/legday.svg cta="Start workout"
summarypreviewlinkctabuttonresult
Drawing the screen...

shapes

A small moving diagram: circles, boxes and arrows that come on one by one, with a caption.

shapes "How an ask reaches the app" caption="You ask, it lands on the board, a lane builds it, and it ships."
shape circle You +grow
shape arrow
shape box Board +fill
shape arrow
shape pill Lane +pulse
shape arrow label=ships
shape circle Phone tone=mint
diagramexplainideaflowchartanimationconcept
Drawing the screen...

shape

One part of a diagram: a circle, box, pill, dot, blob, text, line, arrow or path.

shapes "Where the time goes" w=10 h=5 caption="Most of a reply is the model thinking."
shape@think blob Thinking at=3,2.5 size=4,3 tone=lavender +fill +grow
shape@draw dot at=8,2.5 tone=mint
shape text "drawing" at=8,3.4
shape arrow from=think to=draw +dash
diagramcircleboxarrowlabelpart
Drawing the screen...

map

A small map that answers where: countries or drawn areas, pins and routes, drawn offline in the agent's colors.

map "The Mongol Empire, 1279" caption="24M km². The biggest land empire there has been."
area "Mongol Empire" MN|CN|KR tone=butter
area Raided PL|HU +dash
pin@ka Karakorum 47.2,102.8 +pulse
route West ka|50.4,30.5 +arrow
mapwheregeographyhistorytravelplaceroute
Drawing the screen...

area

A filled region on a map: countries by code, or a drawn outline for borders that are not today's.

map "Where we ship"
area "Next day" DE|NL|BE tone=mint
area "Two days" FR|AT|PL +dash
mapcountryregionborderempirezone
Drawing the screen...

pin

A place on a map at its lat,lon, with a label beside it.

map caption="Three days, three cities."
pin Lisbon 38.7,-9.1
pin Porto 41.2,-8.6
pin@f Faro 37,-7.9 +pulse
mapplacecitymarkerlocation
Drawing the screen...

route

A road or an arrow over a map, through places or pins.

map "The Silk Road"
pin@xa Xi'an 34.3,108.9
pin@sa Samarkand 39.6,67
pin@is Constantinople 41,28.9
route "Silk Road" xa|sa|is tone=butter
maproutetrippathjourneyarrow

Photos and video

Drawing the screen...

image

One picture. With +edit the person circles what to change.

image /demo/before_room.jpg +edit "Circle or box what to change"
photopicturemarkupannotateeditgenerate
Drawing the screen...

camera

Opens the camera for one photo that goes back to the agent. +scan for documents.

camera "Snap your plate"
photocapturescanreceiptdocumentupload
Drawing the screen...

video

One video with controls. With no URL it is a placeholder for one to generate.

video /demo/reel.mp4 "Launch reel, first cut" poster=/demo/reel-poster.jpg
ask "Ship this cut?" Ship|"One more pass"
clipreelmoviereviewplayback
Drawing the screen...

compare

Before and after: a drag slider, side by side or tap to toggle, with highlights.

compare /demo/before_mug.jpg /demo/after_mug.jpg "Background swap" notes="Same mug, new scene"
before afterdiffa/bsliderredesignedit result
Drawing the screen...

storyboard

Frames in order, with captions. +reorder lets the person drag them.

storyboard "Launch reel" /demo/s1.jpg|"Quiet morning" /demo/s2.jpg|"The old chipped mug" /demo/s3.jpg|"Unwrap the new one" /demo/s4.jpg|"First sip, logo" +reorder
framesscriptshot listvideo planreordersocial post

Numbers and science

Drawing the screen...

table

Rows and columns, with units and tap-to-sort.

table Macros Food|Cal|Protein "Eggs|140|12" "Oats|300|10" "Chicken|280|53" "Greek yogurt|150|20" units=||g +sort
gridrowsspreadsheetcomparelogsort
Drawing the screen...

chart

Line, bar, area, scatter, pie or donut, with error bars and series.

chart line "Weight this week" x=Mon|Tue|Wed|Thu|Fri|Sat|Sun y=181.2|180.6|180.9|179.8|179.4|179.6|178.9 unit=lb
graphplottrendanalyticspiebar
Drawing the screen...

stat

One big number with its change and a sparkline.

stat 178.9lb Weight delta=-2.3 spark=181.2|180.6|180.9|179.8|179.4|179.6|178.9 good=down sub="this week"
stat 7.4h Sleep delta=+0.6 spark=6.5|6.9|7.1|6.8|7.3|7.6|7.4
kpimetricnumberdashboarddeltasparkline
Drawing the screen...

math

An equation, typeset. The rest of the line is TeX.

math size=lg x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}
equationtexlatexformulahomework
Drawing the screen...

step

Steps one at a time, with math or a timer. Lines in a row make one stepper.

step title="Gram stain" "Heat-fix the smear. Flood with crystal violet." time=1m
step "Rinse gently with water. Flood with iodine." time=1m
step "Rinse. Counterstain with safranin." time=45s
derivationprotocolrecipehow towalkthroughinstructions
Drawing the screen...

calc

A live formula: sliders for the inputs, the answer and a chart update as they move.

calc "How far does it fly?" f="R = v^2*sin(2*a)/g" v=5-40@20m/s a=0-90@30deg g=9.81m/s^2 plot=a unit=m
calculatorformulaslidersphysicswhat ifestimate
Drawing the screen...

query

A live view of an agent table: rows, a list, a chart or one number. Redraws when a row lands.

table create meals Day:date Food:text Cal:number
put meals Day=today Food=Oats Cal=300
put meals Day=today Food=Eggs Cal=140
query meals where=Day=today sum=Cal as stat y=Cal label="Today"
tablelogtrackertotalsmacroscrmdatabase

Pages, plans and stories

Drawing the screen...

deck

Swipeable pages, with quiz questions mixed in.

deck "Writing a first draft"
page "Get it down, then get it right" body="A first draft is for you. Nobody else reads it."
page "Three rules" points="Write fast, fix later|Leave gaps and keep going|Stop mid-sentence"
choose "What comes first?" "Write it"|"Fix it" answer="Write it"
slideslessonpresentationonboardingquizstory
Drawing the screen...

page

One page of a deck or a plan: a title, a body, points, a picture.

deck "Build review"
page "What broke" body="Two buttons only took taps on their icon." points="Gallery X: full 44pt target|Done pill: never covered"
slidesectionfindingsexplainread
Drawing the screen...

plan

Pages first, questions after, one Send at the end. Opens full screen.

plan@month "Your first month" submit="Build my plan" +inline
choose@goal "What's the goal?" "Get stronger"|"Lose fat"|"Run a 5k" +other
slide@days "Days a week you can train" 2-6 value=3
pick@gear "What do you have?" Dumbbells|Barbell|Bands|"Just me"
wizardintakequestionnairemulti steponboardingsurvey
Drawing the screen...

project

A project card: status, progress, facts, next steps, and a button that reopens its plan.

project "Kiln & Co. website" status=Planning progress=40 img=/demo/site_after_hero.jpg body="A small site for a pottery studio." facts="Kind: Local business|Pages: Home, Classes, Visit" next="Pick a template|Write the class copy"
statusprogresstrackersummaryresume
Drawing the screen...

narrate

The agent reads a set of pages aloud and turns them as it goes.

narrate "What changed on the site" voice=agent
compare /demo/site_before_hero.jpg /demo/site_after_hero.jpg "The hero" notes="Headline says what you get" say="First, the hero. The new headline says what you will make."
compare /demo/site_before_classes.jpg /demo/site_after_classes.jpg "Classes" notes="Three cards with a photo and a price" say="Next, classes. A wall of text became three cards."
voice overwalkthroughread aloudtourpresentation
Drawing the screen...

timeline

What is done, what is happening now, what comes next.

timeline "Lisbon, 4 days" mark="Right now"
done "Tram 28 and the castle" at=Fri
now "Time Out Market for lunch" at=12:30 sub="10 min walk"
next "Sunset at Miradouro da Graca" at=19:40
historyroadmapitinerarystatusschedulechangelog
Drawing the screen...

done

A finished item in a timeline.

timeline "This week"
done "Saved screens" at="Sep 24"
done "Links open Safari" at="Sep 25"
timelineshippedcompletehistory
Drawing the screen...

now

The item happening right now in a timeline.

timeline "Today"
done "Warm-up" at=9:00
now "Main lift" at=9:15 sub="Back squat 5x5"
timelinecurrentin progresslive
Drawing the screen...

next

A coming item in a timeline.

timeline "Up next"
now "Reply to a message"
next "Each agent's home"
next "Agent controls in the drawer"
timelineupcomingplannedqueue
Drawing the screen...

sketch

A quick drawing of a screen: strike what goes, highlight what stays.

sketch "Build ready" frame=phone
row "Build 97 is ready" +hi note="the headline"
row "Got it" +button +x note="does nothing, cut it"
row "Install" +button +hi note="does the thing"
wireframemockupbefore afterfeedbacklayoutredline
Drawing the screen...

row

One line of a sketch: text, a button, struck out or highlighted.

sketch "Home" frame=window
row "Wheel-thrown mugs, made in Asheville" +hi note="keep"
row "Welcome to our website!" +x note="says nothing"
row "Book a class" +button +hi
sketchlinewireframemarkup
Drawing the screen...

after

Splits a sketch into before and after.

sketch "Where it landed" frame=bubble before="Before"
row "Parked YUI-83 in the backlog" +x note="an id means nothing"
after "Now"
row "Parked the drawing card in the backlog" +hi note="plain words"
sketchbefore afterdiffredesign
Drawing the screen...

flow

A saved series of screens that branches on answers, written in Mermaid.

flow workout-checkin
branchingwizardintakescriptmermaidsaved

Play

Drawing the screen...

game

A small game on the phone: tic-tac-toe, snake or memory. The result comes back.

say Your move. You are X.
game tictactoe "Beat me"
playfuntic tac toesnakememorykidsbreak

Music

Drawing the screen...

loop

An 8x8 step looper. The agent writes a beat, the person edits it while it plays, Send returns the pattern.

loop 96 "Boom bap" p=x...x.x.|....x...|..x...x.|xxxxxxxx
musicbeatloopersequencerdrumsgroove
Drawing the screen...

drums

Drum pads, 2x2 or 4x4, played on touch. With +record a take comes back as a loop pattern.

drums 2x2 "Tap a beat"
musicdrumspadsfinger drummingbeat
Drawing the screen...

keys

An easy keyboard with a scale lock, so nothing sounds wrong, and a sound picker.

keys Am pentatonic sound=pad
musickeyboardpianosynthscalemelody
Drawing the screen...

chords

Big buttons that each strum a chord, from a key and a progression. Change the key with one patch.

chords G I-V-vi-IV
musicchordsprogressionsongwritingstrumguitar
Drawing the screen...

tuner

A tuner on the mic for guitar, ukulele, bass or any note, with reference tones.

tuner ukulele
musictunerguitarukulelebasstuning
Drawing the screen...

metronome

A metronome with tap tempo and subdivisions. Stop sends the tempo and how long they practiced.

metronome 90 beats=4
musicmetronometempopracticeclick
Drawing the screen...

Practice session

Ten minutes of practice in one reply: tune up, a click to warm up to, then a loop to play over.

say "Ten minutes. Tune first, then two minutes on the click, then play over the loop."
tuner guitar +inline
metronome 80 beats=4
loop 80 "Play over this" p=x...x...|....x...|..x...x.|x.x.x.x. +inline
musicpracticeguitartunermetronomelooproutinewarm up
Drawing the screen...

Chord chart for a song

The chords of a song as big buttons to strum along. Send tells the agent what they played, and one patch moves it to a new key.

say "Four chords, most of pop. Strum along. Too high to sing? Tell me and I'll move it."
chords G I-V-vi-IV "Four chord song" +send
musicchordssongguitarukulelestrumprogressionkey change
Drawing the screen...

A beat to jam over

A drum loop that starts playing. They fix the groove while it runs and Send returns their version.

say "Here's a slow groove. Play over it, and fix the drums if they feel off."
loop 92 "Jam beat" swing=20 p=x.....x.|....x...|........|x.x.x.x. +play
musicbeatdrumsjamgroovebacking trackloop
Drawing the screen...

Songwriting check-in

How today's writing went, the chorus so far on chord buttons, and a voice note of the melody.

say "Songwriting check-in. Show me where the chorus is."
slide "How did today's session feel?" 1-5 Stuck|Flowing
chords C|G|Am|F "Your chorus so far" +send +inline
mic "Hum the melody"
musicsongwritingcheck-inchorusmelodychordswriting
Drawing the screen...

Scale warm-up

A slow click and a keyboard locked to one scale, so every note fits. Send returns what they played.

say "Up and down C major with the click. Slow is fine."
metronome 60 beats=4
keys C major "Warm up" +send +inline
musicpianokeysscalewarm uppracticemetronome

Try Yui, or help build it

Get the alpha

The MVP is done and Yui is in alpha, open to anyone with an iPhone on iOS 26. Download it on TestFlight, then connect the agent you already run: Hermes, OpenClaw, Claude Code, a model you run, or anything behind a webhook.

Star it on GitHub

Yui is open source under Apache 2.0. Star the repo, open an issue, or send a pull request.

Lend your agent

Spare tokens on Claude or ChatGPT Codex? Your agent can pick a card off our backlog and open a pull request. Yui@home, like SETI@home.

Want a hand getting in?

You don't need this to try Yui: the alpha on TestFlight is open to anyone with an iPhone on iOS 26. Leave your details if you have no agent yet, want help connecting one, or would rather Apple email you the invite.

  1. Yui emails you a link to confirm your address.
  2. We read your request, and reach out if you asked for help.
  3. Apple emails you a TestFlight invite.
  4. Open it on your iPhone, install Yui, and sign in with Apple.

We use this only to get you into Yui. Privacy.