Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
OpenUI AI Application Journey
Search
Ryo Kanazawa
July 24, 2024
0
46
OpenUI AI Application Journey
Ryo Kanazawa
July 24, 2024
Tweet
Share
More Decks by Ryo Kanazawa
See All by Ryo Kanazawa
メタバース研究所による機械学習研究(W&Bミートアップ #15)
ryokanazawa1227
0
130
AIキャラクター向けLLMの開発
ryokanazawa1227
0
170
Featured
See All Featured
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
26
1.9k
Navigating Team Friction
lara
183
15k
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.5k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
365
25k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
A Modern Web Designer's Workflow
chriscoyier
693
190k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.2k
StorybookのUI Testing Handbookを読んだ
zakiyama
27
5.3k
Why You Should Never Use an ORM
jnunemaker
PRO
54
9.1k
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
A Tale of Four Properties
chriscoyier
157
23k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
232
17k
Transcript
Building an AI Application with Weave and the future of
software development
2 Introduction Chris Van Pelt (CVP) Co-founder / web developer
/ AI & space enthusiast
3 What if I could just ask an LLM to
generate UI components for me? 🤔 CVP
Tailwind CSS 💞 LLMʼs • Compact • Inline • Popular
4 Replace box with image
5 wandb.me/openui
What does the future of software development look like? 6
7 cursor.com
8 github.com
How do you make LLMs work in applications? 9
10 Recipe for making LLMs work 1. Experiment 2. Track
everything 3. Inspect individual examples 4. Measure progress
11 Recipe for making LLMs work 1. Experiment 2. Track
everything 3. Inspect individual examples 4. Measure progress
12 Recipe for making LLMs work 1. Experiment 2. Track
everything 3. Inspect individual examples 4. Measure progress
13 Recipe for making LLMs work 1. Experiment 2. Track
everything 3. Inspect individual examples 4. Measure progress
14 332,688,821 Weave
Weave Traces Powerful, data-oriented tracing for AI apps with a
single line of code
16 Demo Time 🥳
Weave Evaluations Full fidelity measurements for your models so you
can go fast
How would I evaluate a use case like this which
has infinite possible “right” answers? 18 👀
Browser Automation • Generate HTML with a model, prompt &
temperature • Render the HTML in a browser and take a screenshot • Send the screenshot to an LLM with 👀 capabilities and ask for ratings 19 Replace box with image
20
21 Demo Time 🚀
22 332,688,821 wandb.me/weave