9.8s
Bufar, the head of design at YC to talk about some of the really cool projects she's been working on and the design process behind them. So E, thanks so much for joining. Thank you so much for having me. So start off, tell us about some of the tools that you've been using because I
12.7s
about some of the really cool projects
14.6s
she's been working on and the design
17.2s
process behind them. So E, thanks so
19.9s
much for joining.
20.7s
Thank you so much for having me.
22.0s
So start off, tell us about some of the
23.3s
tools that you've been using because I
24.6s
know that they're very different from the tools that you were using over the last 6 to 12 months. Yeah. So, I find myself almost exclusively nowadays in conductor and paper design. That's all I need usually to make a full project end to end. And when it comes to finding inspiration for projects, especially
26.1s
the tools that you were using over the
27.5s
last 6 to 12 months. Yeah. So, I find
29.4s
myself almost exclusively nowadays in
31.8s
conductor and paper design. That's all I
34.6s
need usually to make a full project end
37.3s
to end. And when it comes to finding
39.2s
inspiration for projects, especially
41.0s
like visual inspiration, I always go back to Pinterest and create maybe a little mood book for myself or put together a few images for the look and feel that I want for a project. But all in all, it's almost entirely in conductor that I live. Very cool. And um another interesting
43.8s
back to Pinterest and create maybe a
46.2s
little mood book for myself or put
47.9s
together a few images for the look and
49.8s
feel that I want for a project. But all
52.1s
in all, it's almost entirely in
54.2s
conductor that I live.
55.5s
Very cool. And um another interesting
57.8s
thing about the way that you work is you don't actually type, right? I do not type. I realize that I think a lot faster than I type. I type very slowly. And so I'd rather talk to my computer instead of I barely touch my computer at this point. I just press the
59.4s
don't actually type,
60.7s
right? I do not type. I realize that I
63.4s
think a lot faster than I type. I type
65.0s
very slowly. And so I'd rather talk to
67.6s
my computer instead of I barely touch my
70.2s
computer at this point. I just press the
71.8s
function key and I give a stream of consciousness of the feature that I want to build and it just does it and it feels really magical. And to do this, I use Aqua, which is a YC company that allows me to just talk to my computer and captures everything. So, there's a couple projects that we
75.3s
consciousness of the feature that I want
78.3s
to build and it just does it and it
79.9s
feels really magical. And to do this, I
82.2s
use Aqua, which is a YC company that
84.2s
allows me to just talk to my computer
85.6s
and captures everything.
86.8s
So, there's a couple projects that we
88.1s
want to walk through today. Um, we're going to go through Paxel. We're going to go through Sodazine and Startup to go through Sodazine and Startup School. School. Yes. And so, maybe to start um let's let's walk through uh the Paxel project which we just launched recently. Maybe you can tell us a little bit about
89.4s
going to go through Paxel. We're going
90.9s
to go through Sodazine and Startup
92.9s
to go through Sodazine and Startup School.
93.4s
School. Yes.
93.8s
And so, maybe to start um let's let's
96.5s
walk through uh the Paxel project which
98.5s
we just launched recently.
100.2s
Maybe you can tell us a little bit about
102.1s
what is Paxel, what were some of the goals behind it, and then walk us through your process for how you actually designed uh the site and the product. The goal behind Paxel is an experiment that we're trying out and our goal is to try to understand how people code with coding agents. Nowadays things
104.2s
goals behind it, and then walk us
106.1s
through your process for how you
107.3s
actually designed uh the site and the
109.1s
product. The goal behind Paxel is an
112.2s
experiment that we're trying out and our
115.0s
goal is to try to understand how people
117.3s
code with coding agents. Nowadays things
119.8s
are changing very quickly and people are experimenting in their own ways with coding agents and they're developing tricks for themselves and they're creating skills also for themselves and it still very much feels like a black box. We don't understand how our peers are coding with with coding agents. And so Axel was a way for us to understand
123.0s
experimenting in their own ways with
124.5s
coding agents and they're developing
126.2s
tricks for themselves and they're
128.2s
creating skills also for themselves and
131.0s
it still very much feels like a black
132.7s
box. We don't understand how our peers
134.3s
are coding with with coding agents. And
136.5s
so Axel was a way for us to understand
139.7s
how the world codes nowadays. What are the tricks and insights um and key takeaways that we can learn from people and share this knowledge with everyone and share this knowledge with everyone else? Yeah. And I love also that the product gives feedback, tells you your biggest crash out when you were when you were coding, laughter right?
142.2s
the tricks and insights um and key
144.2s
takeaways that we can learn from people
145.6s
and share this knowledge with everyone
147.0s
and share this knowledge with everyone else?
147.5s
Yeah. And I love also that the product
149.3s
gives feedback, tells you your biggest
151.3s
crash out when you were when you were
153.2s
coding, laughter right?
153.8s
Yes. The main thing that we wanted to do with Paxel is to make it fun. We wanted to make it fun for someone to understand their patterns, how they code, and how other people code eventually. And the first version of Paxel is still very much single player mode uh because we haven't collected uh many transcripts
155.0s
with Paxel is to make it fun. We wanted
156.9s
to make it fun for someone to understand
158.8s
their patterns, how they code, and how
161.1s
other people code eventually. And the
162.8s
first version of Paxel is still very
165.2s
much single player mode uh because we
167.6s
haven't collected uh many transcripts
169.7s
yet. But as we collect more and more, we can tell you how your patterns compare to other builders out there. And we were heavily inspired by how Spotify made Spotify wrapped and how we can make Spotify wrapped for your coding sessions. And so that's that's what inspired the playfulness of the cards. We interviewed
172.6s
can tell you how your patterns compare
174.1s
to other builders out there. And we were
176.2s
heavily inspired by how Spotify made
179.1s
Spotify wrapped
180.3s
and how we can make Spotify wrapped for
183.0s
your coding sessions.
184.9s
And so that's that's what inspired the
187.5s
playfulness of the cards. We interviewed
190.1s
some people in the office and we asked them, What are the things that you'd like to learn from your from from your coding transcripts? And one thing Jared Freriedman, one of the partners at YC, one of the ideas he had was, I would love to know my biggest crash out. I
191.6s
them, What are the things that you'd
192.7s
like to learn from your from from your
194.9s
coding transcripts? And one thing Jared
196.9s
Freriedman, one of the partners at YC,
198.5s
one of the ideas he had was, I would
200.0s
love to know my biggest crash out. I
201.6s
would love to know when I was the most uh frustrated with my agent and what I said. And so that's one of the prompts or one of the cards that we that we also show to people when they upload their show to people when they upload their transcripts. And so walk us through how the product
204.1s
uh frustrated with my agent and what I
206.2s
said. And so that's one of the prompts
207.9s
or one of the cards that we that we also
209.8s
show to people when they upload their
211.6s
show to people when they upload their transcripts.
212.2s
And so walk us through how the product
213.5s
works. So, how Paxel works is you simply run a command in the terminal and it's going to pull transcripts and it's going to read all your codecs cla um and cursor transcripts and going to return fun facts about you. And some of them could be, oh, you really love one model more than another or most of your
216.4s
run a command in the terminal and it's
218.5s
going to pull transcripts and it's going
219.8s
to read all your codecs cla um and
222.9s
cursor transcripts and going to return
224.9s
fun facts about you. And some of them
227.8s
could be, oh, you really love one model
230.0s
more than another or most of your
232.2s
commits are submitted in the middle of the night or do you use plan mode or not? What is the most common prompt that you that you go for or reach for? Tell me how you built the site here to to show that off and uh explain to people how it can be used.
234.0s
the night or do you use plan mode or
236.2s
not? What is the most common prompt that
238.4s
you that you go for or reach for? Tell
241.7s
me how you built the site here to to
243.5s
show that off and uh explain to people
246.2s
how it can be used.
247.4s
What I really wanted to do here is to be really explicit to people who will who will be landing on this page what our motivation was. I really wanted to be upfront with the fact that this is an experiment that we're running. We're trying to understand how the world codes and that's why it feels maybe a little
250.2s
really explicit to people who will who
252.4s
will be landing on this page what our
254.2s
motivation was. I really wanted to be
256.6s
upfront with the fact that this is an
258.2s
experiment that we're running. We're
259.8s
trying to understand how the world codes
262.7s
and that's why it feels maybe a little
265.7s
bit unusual to see so much text on a landing page, but assuming that people are coming into this product to understand what it does, we wanted to I wanted to put it like very front and center as you load the page. That's what motivated the the cards, the interact interactive cards here that you can
267.4s
landing page, but assuming that people
269.8s
are coming into this product to
272.6s
understand what it does, we wanted to I
274.6s
wanted to put it like very front and
276.1s
center as you load the page. That's what
277.8s
motivated the the cards, the interact
280.0s
interactive cards here that you can
281.9s
hover over and you have some movement and and micro interactions when you hover over them. that also inspired the feel of this page. And another thing is I wanted to have a consistent uh visual language throughout the site and I wanted to experiment with some shaders and we love paper shaders, the shaders that are made by paper.design
283.6s
and and micro interactions when you
285.6s
hover over them. that also inspired the
288.8s
feel of this page. And another thing is
292.7s
I wanted to have a consistent uh visual
295.6s
language throughout the site and I
299.2s
wanted to experiment with some shaders
301.0s
and we love paper shaders, the shaders
303.0s
that are made by paper.design
305.2s
and I really love their dithering shader and so I asked Claude to implement it. These are the paper shaders. They're amazing. They're free and they are usable via cloud code. image dithering. That's the one that I use and I just asked Claude to use it. And I really wanted to fine-tune the feel of the
307.6s
and so I asked Claude to implement it.
309.9s
These are the paper shaders. They're
311.5s
amazing. They're free and they are
313.3s
usable via cloud code. image dithering.
315.6s
That's the one that I use and I just
317.8s
asked Claude to use it. And I really
320.3s
wanted to fine-tune the feel of the
322.5s
dithering effect. And so I built for myself a little modal here where I could really really fine-tune the feel and all the parameters of the dithering effect to really get the feel that I wanted. Um, and I even made this that I wanted. Um, and I even made this model
324.6s
myself a little modal here where I could
328.6s
really really fine-tune
331.5s
the feel and all the parameters of the
334.8s
dithering effect to really get the feel
337.0s
that I wanted. Um, and I even made this
339.7s
that I wanted. Um, and I even made this model
341.3s
public. And so if you load the page on your desktop, you can also experiment and have fun with the modal. But that's usually that's a pattern that we saw ourselves going back to as we build websites, you and I, is building modals for ourselves so that we can fine-tune small details and really make it
343.0s
your desktop, you can also experiment
344.5s
and have fun with the modal. But that's
346.4s
usually that's a pattern that we saw
348.0s
ourselves going back to as we build
350.3s
websites, you and I, is building modals
352.1s
for ourselves so that we can fine-tune
353.6s
small details and really make it
355.0s
perfect. This is a a common trend that I've been seeing a lot is rather than generating something having the static images having that, you know, be the the edges of the page and and the graphics on the card, you actually just make it alive and give yourself a custom tool to
356.7s
I've been seeing a lot is rather than
359.0s
generating something having the static
360.6s
images having that, you know, be the the
363.9s
edges of the page and and the graphics
365.8s
on the card, you actually just make it
368.2s
alive and give yourself a custom tool to
371.1s
be able to to turn knobs and dials to get it exactly how you want it. We realized that it's almost like a muscle that you need to build and train when you realize that you can build anything for yourself whenever you want to fine-tune something. And so when I was looking at the at the dithering effect
373.4s
get it exactly how you want it. We
375.5s
realized that it's almost like a muscle
377.6s
that you need to build and train when
380.8s
you realize that you can build anything
382.5s
for yourself whenever you want to
383.9s
fine-tune something. And so when I was
385.8s
looking at the at the dithering effect
388.0s
and cloud code of course from the get-go assumed some parameters for the feel and it didn't really feel right. Building this muscle of oh yeah I can just like build a model for myself and then tweak everything and then when I'm done with it I discard it in one shot with with
390.6s
assumed some parameters for the feel and
392.6s
it didn't really feel right. Building
394.3s
this muscle of oh yeah I can just like
395.7s
build a model for myself and then tweak
397.8s
everything and then when I'm done with
399.4s
it I discard it in one shot with with
401.5s
Claude. Super easy. And it just it makes you think about software as such a more meta level because everything is editable. Everything is movable. Everything is changeable. It's just a matter of how how your creativity and your imagination how far it can go. That's really the bottleneck. Now, one of the other things that stands out
404.3s
you think about software as such a more
406.0s
meta level
407.2s
because everything is editable.
409.6s
Everything is movable. Everything is
411.0s
changeable. It's just a matter of how
413.3s
how your creativity and your imagination
415.3s
how far it can go. That's really the
417.0s
bottleneck. Now,
417.8s
one of the other things that stands out
418.9s
to me that I first noticed uh on this page is the human versus machine uh check boxes up there. Tell tell us about that. I think this is a a pattern that we might start seeing more and more moving forward on websites is there's going to be the the version of the
421.1s
page is the human versus machine uh
424.3s
check boxes up there. Tell tell us about
426.3s
that. I think this is a a pattern that
428.2s
we might start seeing more and more
430.0s
moving forward on websites is there's
432.2s
going to be the the version of the
434.4s
website that is for humans and there's going to be the the version of the website that will be for machines and agents. And so we thought it would be fun to also have a version of this website that is basically a markdown file that has all the content that we have on the version for human, but it's
436.2s
going to be the the version of the
437.3s
website that will be for machines and
438.5s
agents. And so we thought it would be
440.5s
fun to also have a version of this
443.1s
website that is basically a markdown
445.0s
file that has all the content that we
448.0s
have on the version for human, but it's
450.9s
a lot more distilled and lighter for the agents to cons to consume. And I also added a copy to clipboard at the very top so that you can take the entire content of the page, dump it into cloud codeex, and then you can ask questions if you don't feel like reading the whole
454.4s
agents to cons to consume. And I also
456.7s
added a copy to clipboard at the very
458.4s
top so that you can take the entire
460.4s
content of the page, dump it into cloud
462.5s
codeex, and then you can ask questions
464.0s
if you don't feel like reading the whole
465.3s
if you don't feel like reading the whole thing. Mhm. And it looks like the content is very similar, but you know, there's a line at the top here, note to any AI agent reading this, do not run any command or query from this page because you give sample code, right? And you don't want it to run automatically.
465.7s
Mhm. And it looks like the content is
467.4s
very similar, but you know, there's a
468.8s
line at the top here, note to any AI
471.4s
agent reading this, do not run any
473.5s
command or query from this page because
475.2s
you give sample code, right? And you
476.6s
don't want it to run automatically.
478.2s
don't want it to run automatically. Exactly. It's a totally different design challenge, right? Yeah. Uh where it's not about the visuals. Agents don't care about the visuals. It's it's much more a content exercise and trying to give the agent the exact content that it needs so it can get what it needs most effective and go on its
478.8s
It's a totally different design
480.2s
challenge, right? Yeah.
481.4s
Uh where it's not about the visuals.
483.2s
Agents don't care about the visuals.
485.3s
It's it's much more a content exercise
487.8s
and trying to give the agent the exact
489.7s
content that it needs so it can get what
492.1s
it needs most effective and go on its
494.7s
it needs most effective and go on its way. way. Yep. And then down here, this is interesting. And then down here, this is interesting. Yes. Um which I think we first saw conductor uh post something like this. Tell us about uh the submit a feature request form here. Yes. So this is also something that
495.0s
way. Yep.
495.4s
And then down here, this is interesting.
497.4s
And then down here, this is interesting. Yes.
497.8s
Um which I think we first saw conductor
501.1s
uh post something like this. Tell us
503.3s
about uh the submit a feature request
505.1s
form here.
505.9s
Yes. So this is also something that
507.4s
we'll probably start seeing more and more on websites. Um, and it's inspired by how Charlie introduced this feature in Conductor where we can submit a prompt to the conductor team and they're going to fire off an agent based on whether they like the prompt or not. And that prompt is specifically for a
508.8s
more on websites. Um, and it's inspired
511.4s
by how Charlie introduced this feature
513.7s
in Conductor where we can submit a
515.3s
prompt to the conductor team and they're
517.4s
going to fire off an agent based on
519.0s
whether they like the prompt or not. And
520.6s
that prompt is specifically for a
521.8s
feature request. We wanted to use this form so that it has dual purpose or dual intent. It's a form that either where we can submit a bug report if you face uh a bug as you're using Paxel. And we also wanted to use it as a way for you to submit feature requests. And so it's
525.3s
form so that it has dual purpose or dual
527.6s
intent. It's a form that either where we
530.5s
can submit a bug report if you face uh a
532.7s
bug as you're using Paxel. And we also
535.0s
wanted to use it as a way for you to
537.3s
submit feature requests. And so it's
539.0s
really simple. You should treat it as a prompt box as if you were talking to an agent. And you can attach uh screen recordings. You can attach screenshots that the agent will be able to see and use as context. And you can add your name if you want to. So so we can give
541.3s
prompt box as if you were talking to an
544.1s
agent. And you can attach uh screen
548.3s
recordings. You can attach screenshots
550.1s
that the agent will be able to see and
552.1s
use as context. And you can add your
555.0s
name if you want to. So so we can give
556.8s
you credits if we end up merging that change or not. And what's cool is that we literally made the CTA in the in the button say send to an agent because in the back end that's literally what what happens is that the moment you send your prompt it fires off an agent it opens a
558.4s
change or not. And what's cool is that
560.0s
we literally made the CTA in the in the
562.2s
button say send to an agent because in
564.2s
the back end that's literally what what
566.0s
happens is that the moment you send your
567.9s
prompt it fires off an agent it opens a
570.0s
PR and we're the ones who who decide if we want to merge it or not. But I really think that this is the future of where how software will be built in the future. Yeah, it's really cool because it lets anybody that is a user of the product help shape the direction of the
572.8s
we want to merge it or not. But I really
574.5s
think that this is the future of where
576.6s
how software will be built in the
578.4s
future. Yeah, it's really cool because
579.6s
it lets anybody that is a user of the
581.8s
product help shape the direction of the
583.8s
product and especially as the developer of the product and the designer of the product. All you have to do is see the prompts that come in and say, Yeah, that's a really good idea. We should do that. And then say accept. Exactly. Exactly. And also the the beautiful thing about collecting names
586.2s
of the product and the designer of the
588.0s
product. All you have to do is see the
589.8s
prompts that come in and say, Yeah,
590.9s
that's a really good idea. We should do
592.0s
that. And then say accept.
593.8s
Exactly. Exactly. And also the the
596.6s
beautiful thing about collecting names
598.4s
is that you can thank people and you can give give people credits after. One of the interesting things from a design perspective is you can imagine this can make local software that people are using even more personal. Yeah. You know, right now these go back to you and and the agent and then humans decide
600.2s
give give people credits after. One of
602.4s
the interesting things from a design
603.6s
perspective is you can imagine this can
606.2s
make local software that people are
608.3s
using even more personal. Yeah.
610.1s
You know, right now these go back to you
613.2s
and and the agent and then humans decide
617.0s
that are not the the person that's using it submitting this. You can imagine a world where anybody who's using a piece of software, they could just prompt it. You could give the ability to prompt it or customize it or redesign it or, you know, add features, remove features. it make it it so specifically personal to
618.8s
it submitting this. You can imagine a
620.9s
world where anybody who's using a piece
623.4s
of software, they could just prompt it.
625.3s
You could give the ability to prompt it
626.7s
or customize it or redesign it or, you
629.4s
know, add features, remove features. it
631.8s
make it it so specifically personal to
634.2s
the person that's using it and they could be able to implement those changes themselves in their own local copy of the product that they're using. Let's take a look at uh what a report looks like from here. After you run the command and we analyze your transcripts, we give you a report
635.9s
could be able to implement those changes
637.4s
themselves in their own local copy of
639.4s
the product that they're using. Let's
640.9s
take a look at uh what a report looks
642.5s
like from here.
643.2s
After you run the command and we analyze
645.4s
your transcripts, we give you a report
647.4s
that lands in your inbox and is going to give you some fun facts about how you code in the form of these fun cards. And if you scroll down a little bit, you also get a more detailed view uh into your your patterns and the way you make decisions um and also potentially some
649.5s
give you some fun facts about how you
651.3s
code in the form of these fun cards.
655.4s
And if you scroll down a little bit, you
658.3s
also get a more detailed view uh into
660.7s
your your patterns and the way you make
662.8s
decisions um and also potentially some
666.2s
what are your strengths and some growth areas that you can focus on. And again, as we get more and more and more transcripts, we're going to be able to give you a lot more insights into how you do special things and how you are different from other people and how you compare to other people, which I think
668.2s
areas that you can focus on. And again,
670.9s
as we get more and more and more
672.2s
transcripts, we're going to be able to
673.8s
give you a lot more insights into how
675.5s
you do special things and how you are
677.9s
different from other people and how you
679.9s
compare to other people, which I think
681.2s
will be incredibly valuable long term. I think at a higher level, Paxel is our way to shed light into something that is very obstructed right now. Like coding transcripts leave very live very deeply in your machine and they're really hard to pull if you most people are probably not aware that they are on
683.8s
think at a higher level, Paxel
687.4s
is our way to shed light into something
692.0s
that is very obstructed right now. Like
695.4s
coding transcripts leave very live very
698.2s
deeply in your machine and they're
699.8s
really hard to pull if you most people
703.0s
are probably not aware that they are on
705.4s
their machine. Like they they don't even know that really transcripts exist and that they can do things with them. And so Paxel is our way to put them at the surface and allow people to understand from their patterns because otherwise it's it's hard to know that you can actually analyze them or that you can do
706.6s
know that really transcripts exist and
708.2s
that they can do things with them. And
710.1s
so Paxel is our way to put them at the
713.4s
surface and allow people to understand
716.1s
from their patterns because otherwise
718.6s
it's it's hard to know that you can
721.4s
actually analyze them or that you can do
723.7s
things with them. Yeah, there's a lot to learn and there's a lot of valuable feedback you can get from it about I mean this is what it is to be a developer. this is how a lot of design work is happening these days and um there's a lot that can be learned
724.5s
Yeah, there's a lot to learn and there's
725.8s
a lot of valuable feedback you can get
727.3s
from it about I mean this is what it is
729.4s
to be a developer. this is how a lot of
732.8s
design work is happening these days and
736.0s
um there's a lot that can be learned
737.7s
from feedback on how you were doing it especially because it's so new. Um everyone's trying to figure things out and so I think by analyzing a lot of these different transcripts and being able to give feedback it helps everybody level up. level up. Yep. YC's next batch is now taking applications. Got a startup in you?
739.4s
especially because it's so new. Um
741.8s
everyone's trying to figure things out
744.1s
and so I think by analyzing a lot of
746.2s
these different transcripts and being
747.7s
able to give feedback it helps everybody
749.4s
level up.
750.0s
level up. Yep.
750.5s
YC's next batch is now taking
752.9s
applications. Got a startup in you?
755.1s
Apply at y combinator.comapply. It's never too early and filling out the app will level up your idea. Okay, back to the video. Awesome. Let's take a look at another project that you've been working on recently. Uh, what is Sodazine? Soda stands for state-of-the-art and the idea came from Gary actually where he wanted to celebrate San Francisco. And
758.1s
It's never too early and filling out the
760.4s
app will level up your idea. Okay, back
763.3s
to the video.
764.1s
Awesome. Let's take a look at another
765.5s
project that you've been working on
766.6s
recently. Uh, what is Sodazine?
768.8s
Soda stands for state-of-the-art and the
772.6s
idea came from Gary actually where he
777.0s
wanted to celebrate San Francisco. And
780.9s
so we wanted to work on this really fun project where we would work with different artists and writers in the city and celebrate San Francisco. Maybe first uh talk through how you designed the actual zen and then we can talk about the website because I I know you have some really interesting uh
783.0s
project where we would work with
785.0s
different artists and writers in the
786.6s
city and celebrate San Francisco.
788.7s
Maybe first uh talk through how you
791.0s
designed the actual zen and then we can
793.4s
talk about the website because I I know
795.0s
you have some really interesting uh
796.8s
process that you use to to build that. Yes. So when we say zen, it's a literal physical zen. What's interesting is that specifically for the zen and the graphic design, the cover art and also some some art that is inside We intentionally wanted to go for something that had no AI involvement. We
799.0s
Yes. So when we say zen, it's a literal
801.7s
physical zen. What's interesting is that
804.0s
specifically for the zen and the graphic
805.8s
design, the cover art and also some some
808.6s
art that is inside
810.5s
We intentionally wanted to go for
812.3s
something that had no AI involvement. We
815.4s
decided to go back to how we did it a few years ago and it was in Illustrator. And these pieces of art, you can tell the second you look at them, they are highly intentional and highly detailed. And you can tell that someone spent months working on this. Okay. So, you started with the physical
819.0s
few years ago and it was in Illustrator.
822.1s
And these pieces of art, you can tell
825.1s
the second you look at them, they are
828.1s
highly intentional and highly detailed.
831.0s
And you can tell that someone spent
832.7s
months working on this.
834.0s
Okay. So, you started with the physical
835.6s
Okay. So, you started with the physical zen. Yes. And then you you transitioned to making a website to show this off and and talk about um what your goals were with building this and the process that you went about to actually make it come to life. What's great is that for every single
836.3s
Yes. And then you you transitioned to
838.7s
making a website to show this off and
840.6s
and talk about um what your goals were
843.1s
with building this and the process that
844.8s
you went about to actually make it come
846.5s
to life.
847.0s
What's great is that for every single
849.3s
meeting that we had about the Zen, we recorded every single one and I dumped the transcripts into a soul.md file specifically for that project. And I wanted to treat that soul.md file as the source of truth and exhaustive glossery of this project. I wanted this file to have as much context as possly
852.6s
recorded every single one and I dumped
855.6s
the transcripts into a soul.md
858.5s
file specifically for that project. And
861.6s
I wanted to treat that soul.md file as
864.6s
the source of truth and exhaustive
868.1s
glossery of this project. I wanted this
871.5s
file to have as much context as possly
875.3s
possible so that it can feed all the future decisions that we need to make regarding this project. It's interesting because there's probably a lot of people that are watching and their process is, you know, maybe they're doing client work, maybe they're working on an internal project and they're meeting with a bunch of, you know, stakeholders,
878.2s
future decisions that we need to make
880.0s
regarding this project. It's interesting
882.0s
because there's probably a lot of people
883.1s
that are watching and their process is,
886.1s
you know, maybe they're doing client
887.2s
work, maybe they're working on an
888.8s
internal project and they're meeting
890.5s
with a bunch of, you know, stakeholders,
892.3s
maybe they're designing their own website. Um, and they're thinking it website. Um, and they're thinking it through and and they would probably come out of that and they would jot down some notes and some highle takeaways and you're saying like, No, you shouldn't do that. Instead, just record everything and just
893.3s
website. Um, and they're thinking it
895.9s
website. Um, and they're thinking it through
897.2s
and and they would probably come out of
898.9s
that and they would jot down some notes
900.5s
and some highle takeaways and you're
902.6s
saying like, No, you shouldn't do that.
904.7s
Instead, just record everything and just
907.4s
dump it all in a soul.md file and then use that as the basis for everywhere that you want to go afterwards. Exactly. I really think that's the that's the future. And we also wrote a manifesto for ourselves when we were working on this project. And of course, we dumped that manifesto into the
910.0s
use that as the basis for everywhere
911.9s
that you want to go afterwards.
913.6s
Exactly. I really think that's the
915.3s
that's the future. And we also wrote a
917.7s
manifesto for ourselves when we were
919.3s
working on this project. And of course,
920.6s
we dumped that manifesto into the
922.0s
soul.md. As much context that we can give the agent, the better. Can you show that soul.mmd file? Yes. This is what it looks like. It is nothing more than a um a simple MD file and it has all the context and you can also break down MD files. You can create a hierarchy of the different MD files
924.2s
give the agent, the better.
925.7s
Can you show that soul.mmd file?
927.4s
Yes. This is what it looks like. It is
930.6s
nothing more than a um a simple MD file
935.9s
and it has all the context and you can
938.9s
also break down MD files. You can create
941.7s
a hierarchy of the different MD files
943.2s
that you want. If you want to have like a design MD file specifically for your design and how to address design you can have a separate MD for your manifesto. You have can have a in our case we could have had a different MD for the written content content in the zen. Mhm.
944.5s
a design MD file specifically for your
946.7s
design and how to address design you can
948.9s
have a separate MD for your manifesto.
950.8s
You have can have a in our case we could
952.5s
have had a different MD for the written
954.5s
content content in the zen. Mhm.
957.4s
Um, you can dump it all in one single file. I haven't really seen one method being better than the other, but that's why we're all experimenting and figuring out if there's a better way. Overall, I think capturing as much information as possible and share that information with your agent is the best way to build software moving forward.
959.3s
file. I haven't really seen one method
963.7s
being better than the other, but that's
965.2s
why we're all experimenting and figuring
966.8s
out if there's a better way. Overall, I
968.7s
think capturing as much information as
970.3s
possible and share that information with
971.9s
your agent is the best way to build
973.8s
software moving forward.
975.9s
What were your next steps? I wanted to experiment and I wanted to do very fast iteration and see multiple possible versions of what the the website could look like. And so I started in Pinterest with a mood board. I created a mood board with a few images that I really liked. This was sort of
977.0s
I wanted to experiment and I wanted to
980.2s
do very fast iteration and see multiple
983.1s
possible versions of what the the
985.1s
website could look like. And so I
986.6s
started in Pinterest with a mood board.
989.3s
I created a mood board with a few images
992.3s
that I really liked. This was sort of
993.9s
the vibe that I wanted to go for. Something very rudimentary, black and white. And again, this was based on all the conversations that I've had with my colleagues and my friends that I was working on this project with. And so I started there. And then my first reaction was looking at this mood board
995.3s
Something very rudimentary, black and
997.6s
white. And again, this was based on all
999.9s
the conversations that I've had with my
1002.4s
colleagues and my friends that I was
1004.0s
working on this project with. And so I
1006.6s
started there. And then my first
1008.8s
reaction was looking at this mood board
1011.4s
is I wish I could just generate many many versions, one shoted websites based on this mood board really simply. And so I downloaded a bunch of these um images and I fed them into Claude and I asked Claude, Okay, you know the vibe that I'm going for. You know the content that I want to show
1015.1s
many versions, one shoted websites based
1019.4s
on this mood board
1021.0s
really simply. And so I downloaded a
1024.3s
bunch of these um images and I fed them
1026.4s
into Claude and I asked Claude, Okay,
1028.4s
you know the vibe that I'm going for.
1030.2s
You know the content that I want to show
1031.5s
on the website. Here's the visual direction that I would love for you to draw inspiration from. and then oneshot a cool website based on that. I asked it to do that 16 different times. I built a glossery for myself going back to training this muscle of we can build anything for ourselves now. I wanted to
1034.0s
direction that I would love for you to
1035.4s
draw inspiration from. and then oneshot
1038.0s
a cool website based on that. I asked it
1041.2s
to do that 16 different times. I built a
1045.0s
glossery for myself going back to
1046.6s
training this muscle of we can build
1048.8s
anything for ourselves now. I wanted to
1050.7s
build for myself really easy way to navigate through all the iterations that I'm building for myself. And so building a single page here that has this collection of all the iterations that I'm playing with was just a really easy way. And as I started looking at them, I wanted an a way for me to bookmark the
1052.4s
navigate through all the iterations that
1054.0s
I'm building for myself. And so building
1056.7s
a single page here that has this
1058.7s
collection of all the iterations that
1060.4s
I'm playing with was just a really easy
1062.7s
way. And as I started looking at them, I
1065.8s
wanted an a way for me to bookmark the
1067.8s
ones that I really liked. And so I oneshotted this feature that allows me to, you know, pin the ones that I like so that they automatically show at the top and I don't lose lose tracks of the one that I really like. Yeah. And so, okay, so to be clear, this is not a page that's publicly accessible
1069.4s
oneshotted this feature that allows me
1071.6s
to, you know, pin the ones that I like
1074.8s
so that they automatically show at the
1076.3s
top and I don't lose lose tracks of the
1077.8s
one that I really like.
1078.7s
Yeah. And so, okay, so to be clear, this
1080.7s
is not a page that's publicly accessible
1082.7s
on the website. This is a glossery that you have made for yourself. Yes. To be able to oneshot a bunch of different ideas for how to design the overall site to explore yourself using real content, real design direction based off of those images that you found on Pinterest. Yes. Um and then create a bookmark system. So
1085.0s
you have made for yourself. Yes. To be
1086.9s
able to oneshot a bunch of different
1088.9s
ideas for how to design the overall site
1092.4s
to explore yourself using real content,
1096.6s
real design direction based off of those
1098.9s
images that you found on Pinterest. Yes.
1101.0s
Um and then create a bookmark system. So
1103.5s
this is another great example of disposable design. Yes. Where you can just whip this up really quickly, jump through a bunch of different iterations, and go, I don't like that. I don't like that. Oh, I I do like that. Oh, let's take this piece from this one and put it all together.
1105.6s
disposable design. Yes.
1107.4s
Where you can just whip this up really
1108.9s
quickly, jump through a bunch of
1110.5s
different iterations, and go, I don't
1111.8s
like that. I don't like that. Oh, I I do
1113.3s
like that. Oh, let's take this piece
1114.8s
from this one and put it all together.
1117.1s
And it makes it happen so much faster. And it makes it happen so much faster. Yes. Show us some of the iterations that you put together here. As part of the sold at MD, I made sure to include the names of the different articles that we have in the Zen. And
1119.1s
And it makes it happen so much faster. Yes.
1119.4s
Show us some of the iterations that you
1121.0s
put together here.
1121.8s
As part of the sold at MD, I made sure
1123.6s
to include the names of the different
1125.7s
articles that we have in the Zen. And
1128.0s
that was one of the main things that I wanted to highlight and show on at least the first version of the website that I had in mind. And again, because it's had in mind. And again, because it's oneshotted, you don't expect like an incredibly high level of craft. you're just using this
1129.6s
wanted to highlight and show on at least
1131.8s
the first version of the website that I
1133.8s
had in mind. And again, because it's
1135.6s
had in mind. And again, because it's oneshotted,
1137.1s
you don't expect like an incredibly high
1139.5s
level of craft. you're just using this
1141.4s
as an exploration tool. So getting a feel of okay do I want to lay out all the all the titles of the articles like this or that that was another really cool exploration that I loved which is there's so many things so many cool things going on here cool font um there
1143.3s
feel of okay do I want to lay out all
1145.3s
the all the titles of the articles like
1148.0s
this or that that was another really
1151.4s
cool exploration that I loved which is
1153.8s
there's so many things so many cool
1155.4s
things going on here cool font um there
1158.8s
was the date of the party that we threw the launch party that we threw for the zen that was included in there because it was also part of the soldm that is a beautiful thing when you realize when you unlock so much information for your agent your agent knows so much that when
1160.6s
the launch party that we threw for the
1161.9s
zen that was included in there because
1163.4s
it was also part of the soldm that is a
1165.7s
beautiful thing when you realize when
1167.9s
you unlock so much information for your
1170.0s
agent your agent knows so much that when
1172.6s
you're going to give it full reign and full you're going to unleash it to make iterations for you, it's going to surprise you. It's going to include things that you would not have otherwise thought of. And that was almost like an AGI moment for us when we realized that
1175.0s
full you're going to unleash it to make
1178.5s
iterations for you, it's going to
1179.7s
surprise you.
1180.7s
It's going to include things that you
1182.0s
would not have otherwise thought of. And
1184.1s
that was almost like an AGI moment
1186.3s
for us when we realized that
1188.4s
wow it can see things ahead of us and it can really help us brainstorm even and come up with like really really original ideas. And so that was a really nice um surprise here. It's just like organically included the time of the party that we were hosting. Also, the the fact that it's a Zen and
1191.6s
can really help us brainstorm even and
1193.4s
come up with like really really original
1194.9s
ideas. And so that was a really nice um
1197.7s
surprise here. It's just like
1198.9s
organically included the time of the
1201.1s
party that we were hosting.
1202.8s
Also, the the fact that it's a Zen and
1204.6s
so it added this uh code bar, this so it added this uh code bar, this barcode, uh assuming that it's like a physical one that you can purchase in different um in different uh currency was also really cool. One thing that I wanted to experiment with is what if we had an actual map of San Francisco, an
1207.0s
so it added this uh code bar, this barcode,
1208.1s
uh assuming that it's like a physical
1209.5s
one that you can purchase in different
1211.7s
um in different uh currency was also
1214.5s
really cool. One thing that I wanted to
1216.6s
experiment with is what if we had an
1218.7s
actual map of San Francisco, an
1220.9s
interactive map of San Francisco and it included this version where Oh, wow. Yes. Where you it uh it reveals a map of San Francisco that is interactive and you can move around in the city and that is like fully living behind the oneshotted iteration that it built. So just like marvelous things and
1223.8s
included this version where
1227.0s
Oh, wow. Yes. Where you it uh it reveals
1231.3s
a map of San Francisco that is
1232.7s
interactive and you can move around in
1234.3s
the city and that is like fully living
1237.0s
behind the oneshotted iteration that it
1240.7s
built. So just like marvelous things and
1243.8s
I think these sorts of levels of design oneshotable designs can only be achieved if you have a very detailed and and intentional design on MD or sold in MD. You need to shepherd your agent to tell it exactly the vibe that you want to go for. If you can include screenshots,
1246.8s
oneshotable designs can only be achieved
1249.2s
if you have a very detailed and and
1252.2s
intentional design on MD or sold in MD.
1254.9s
You need to shepherd your agent to tell
1256.8s
it exactly the vibe that you want to go
1258.4s
for. If you can include screenshots,
1260.5s
also if you can include a mood board, as much information as you can feed your agent so that it really understands what you want and then it's going to surprise you in the most beautiful ways. Yeah. I think a lot of people use Claude or they use codeex and they tell it to
1262.8s
much information as you can feed your
1264.2s
agent so that it really understands what
1266.8s
you want and then it's going to surprise
1268.2s
you in the most beautiful ways.
1269.6s
Yeah. I think a lot of people use Claude
1271.1s
or they use codeex and they tell it to
1273.0s
design something and they feel like it they get generic design back and this is how to break that. how to break that. Yes. Which is really interesting and it's really easy. You just have to pull Pinterest or even like Google image and you find or even websites that you really like really websites that you really like
1274.5s
they get generic design back and this is
1276.7s
how to break that.
1277.6s
how to break that. Yes.
1277.9s
Which is really interesting
1279.0s
and it's really easy. You just have to
1280.7s
pull Pinterest or even like Google image
1283.3s
and you find or even websites that you
1285.5s
really like really websites that you
1287.4s
really like
1288.3s
and start bookmarking them and eventually use them. Give them to your agent and say this is something that I really like. And sometimes you love a website and you don't even know why you love a website. But it's okay. You don't need to understand why you love a website. Just give it to the agent. The
1291.4s
eventually use them. Give them to your
1293.5s
agent and say this is something that I
1295.1s
really like. And sometimes you love a
1297.0s
website and you don't even know why you
1298.2s
love a website. But it's okay. You don't
1299.6s
need to understand why you love a
1300.7s
website. Just give it to the agent. The
1301.9s
agent will analyze it for you. It's going to understand eventually your patterns and the commonality between all the websites that you like. It can tell you, oh, that's actually the things that you seem to like across many websites. This is another exploration that I really loved. Again, displaying the title of all the articles. And there are
1303.6s
going to understand eventually your
1305.0s
patterns and the commonality between all
1307.0s
the websites that you like. It can tell
1308.4s
you, oh, that's actually the things that
1309.8s
you seem to like across many websites.
1312.2s
This is another exploration that I
1314.3s
really loved. Again, displaying the
1316.8s
title of all the articles. And there are
1319.8s
really cool hover effects. Oh, wow. That it created as you're exploring the different articles. And so for each article, it pulled really cool visuals. And you're at a point where you don't even know how club does does these things. It just it scrapes the web, it browses the web, it finds cool pictures, animations, and
1322.2s
Oh, wow.
1322.7s
That it created as you're exploring the
1326.0s
different articles. And so for each
1328.5s
article, it pulled
1330.3s
really cool visuals. And you're at a
1333.5s
point where you don't even know how club
1334.9s
does does these things. It just it
1337.0s
scrapes the web, it browses the web, it
1339.4s
finds cool pictures, animations, and
1342.1s
it's going to surface them like this. And if there are some things that you want to fine-tune, you can just, you know, speak via Aqua and ask it to change things, change the color of things, change the feel of things. And it's just this incredibly fast and rewarding feedback loop that you have with your agent.
1344.1s
And if there are some things that you
1345.5s
want to fine-tune, you can just, you
1347.0s
know, speak via Aqua and ask it to
1349.7s
change things, change the color of
1351.1s
things, change the feel of things. And
1352.8s
it's just this incredibly fast and
1355.5s
rewarding feedback loop that you have
1357.8s
with your agent.
1358.5s
Yeah, it's amazing. So, now we can talk about where we ended up is this fully interactive map of San Francisco. We thought, how fun would it be to build a map where people can drop pins and small stories of things that they've come across in San Francisco or like encounters or like delightful
1359.4s
So, now we can talk about where we ended
1361.1s
up is this fully interactive map of San
1364.5s
Francisco. We thought, how fun would it
1366.9s
be to build a map where people can drop
1369.4s
pins and small stories of things that
1372.7s
they've come across in San Francisco or
1375.2s
like encounters or like delightful
1377.0s
memories that they have of small moments in the city. And so we thought, let's make it fully anonymous. People can share memories and the only thing that they need to do is pin a location or like pick a location and then tell us what happened at that location. And what's beautiful is that it allows
1379.4s
in the city. And so we thought, let's
1382.1s
make it fully anonymous. People can
1384.5s
share memories and the only thing that
1387.4s
they need to do is pin a location or
1389.4s
like pick a location and then tell us
1391.0s
what happened at that location. And
1393.3s
what's beautiful is that it allows
1395.0s
people to share things that are very surprising and beautiful and intimate and introspective. Here we built this this fun little way to consume or like read through all these submissions. And it's again a way for us to go back to the core essence of this project which is how can we understand how people are
1399.0s
surprising and beautiful and intimate
1402.1s
and introspective. Here we built this
1404.8s
this fun little way to consume or like
1409.0s
read through all these submissions. And
1411.4s
it's again a way for us to go back to
1413.8s
the core essence of this project which
1415.8s
is how can we understand how people are
1417.8s
experiencing San Francisco and what are the like magical small moments that we can all sort of learn from. We also build this little entry point for we built posters digital posters for the party that we threw the launch party that we threw. There's also a substack that we created for this zen and we
1419.7s
the like magical small moments that we
1422.1s
can all sort of learn from. We also
1425.3s
build this little entry point for we
1427.7s
built posters digital posters for the
1431.0s
party that we threw the launch party
1432.6s
that we threw. There's also a substack
1434.9s
that we created for this zen and we
1437.2s
added this fun little entry point where you get redirected to this to the substack and then you can read the different articles. You can share a noticing or you can share a submission that you really like. So let's say this one I really like it. I want to send it
1439.8s
you get redirected to this to the
1441.5s
substack and then you can read the
1443.0s
different articles. You can share a
1445.2s
noticing or you can share a submission
1447.0s
that you really like. So let's say this
1449.3s
one I really like it. I want to send it
1451.0s
to my friend. I can just click share. It downloads it as a PNG and it outputs this and it gives you the cardinal coordinates of the location that was uh tied to this story and you can share this with your friends and you also know the street that it's in or that it's on.
1453.2s
downloads it as a PNG and it outputs
1455.6s
this and it gives you the cardinal
1458.9s
coordinates of the location that was uh
1461.4s
tied to this story and you can share
1463.8s
this with your friends and you also know
1465.4s
the street that it's in or that it's on.
1468.2s
So, we're actually putting on startup school at the Chase Center here in San Francisco and you did a lot of really cool work to help support that. I would love for you to show off some of the shaders that you created and some of the uh content that has been shared on
1470.3s
school at the Chase Center here in San
1472.0s
Francisco and you did a lot of really
1474.6s
cool work to help support that. I would
1476.6s
love for you to show off some of the
1478.2s
shaders that you created and some of the
1480.8s
uh content that has been shared on
1482.4s
social media and other platforms to help um bring attention to the event. Yes, we're all preparing for Startup School, which is our biggest event of the year. It's going to be, as you said, at Chase Center. We're going to have more than 6,000 people coming from all corners of the world to experience SF
1484.5s
um bring attention to the event.
1486.4s
Yes, we're all preparing for Startup
1488.7s
School, which is our biggest event of
1490.0s
the year. It's going to be, as you said,
1491.4s
at Chase Center. We're going to have
1492.6s
more than 6,000 people coming from all
1494.9s
corners of the world to experience SF
1497.1s
and what it means to build with AI and have like this incredible sense of community of we're all building together. And we were able to have an amazing speaker lineup this year. We have phenomenal names coming. We have Jensen, we have Sam, Sam Sam Oldman, we have Alexander Wang, we have Jeff Dean,
1499.0s
have like this incredible sense of
1500.3s
community of we're all building
1501.8s
together. And we were able to have an
1505.4s
amazing speaker lineup this year. We
1507.6s
have phenomenal names coming. We have
1509.3s
Jensen, we have Sam, Sam Sam Oldman, we
1511.6s
have Alexander Wang, we have Jeff Dean,
1513.8s
and so many others. And we wanted a really cool way to share that lineup with the world. And when we were thinking more broadly about the design behind this event, we wanted to make it feel really Y, but more like a variation of YC. And so we experimented with of course orange but gradients of orange
1516.4s
really cool way to share that lineup
1518.1s
with the world. And when we were
1519.9s
thinking more broadly about the design
1521.8s
behind this event, we wanted to make it
1523.8s
feel really Y, but more like a variation
1526.9s
of YC. And so we experimented with of
1529.8s
course orange but gradients of orange
1532.7s
and we discovered the paper shaders and we thought maybe it would be a cool way for us to experiment with paper shaders. My first intuition when I thought about building visual assets for how we're going to share these speaker cards on on social media. I I've initially started in Figma actually. I I've initially dropped um
1536.0s
we thought maybe it would be a cool way
1537.8s
for us to experiment with paper shaders.
1539.9s
My first intuition when I thought about
1541.7s
building visual
1544.4s
assets for how we're going to share
1546.0s
these speaker cards on on social media.
1548.8s
I I've initially started in Figma
1551.2s
actually. I I've initially dropped um
1554.3s
some of the images that we got from our speakers and I started making it myself moving things around and I noticed well we're going to have many speakers and I don't want to move things around 12 times and so I thought it would probably be just simpler to ask Claude to make a
1556.2s
speakers and I started making it myself
1558.2s
moving things around and I noticed well
1560.3s
we're going to have many speakers and I
1563.1s
don't want to move things around 12
1565.5s
times and so I thought it would probably
1568.1s
be just simpler to ask Claude to make a
1569.8s
template for myself and it can even like pull images for me from my inbox and do everything for me so that it feels as light as possible and I can also have an easier time experiment with the visual feel of the cards. And so I built this tool for myself. It's a very simple tool
1571.8s
pull images for me from my inbox and do
1575.1s
everything for me so that it feels as
1577.4s
light as possible and I can also have an
1580.8s
easier time experiment with the visual
1583.1s
feel of the cards. And so I built this
1585.4s
tool for myself. It's a very simple tool
1589.0s
where we have the names of all of the speakers that are confirmed. speakers that are confirmed. And it just automatically generated all of the all of these as we kept having more and more names of speakers confirmed. And I also built a way for myself to experiment with different ways to lay
1591.0s
speakers that are confirmed.
1593.5s
speakers that are confirmed. And
1595.4s
it just automatically generated all of
1597.3s
the all of these as we kept having more
1600.6s
and more names of speakers confirmed.
1602.9s
And I also built a way for myself to
1605.4s
experiment with different ways to lay
1607.4s
out the the text on these on these cards. And we ended up going for this one. But it was fun to really easily almost one shot in different iteration of layout for each of these cards. And these are like compatible across the board. And for the shaders, well, we use the the movement that comes from one of
1611.1s
cards. And we ended up going for this
1612.9s
one. But it was fun to really easily
1614.8s
almost one shot in different iteration
1617.1s
of layout for each of these cards. And
1618.9s
these are like compatible across the
1621.4s
board. And for the shaders, well, we use
1623.9s
the the movement that comes from one of
1626.6s
the uh shaders made by paper.design and we fine-tune the graininess here and the edges and the rotation, the scale um like this. And I had a lot of fun really finding the variation of the shader that I wanted. And so I can just refresh and it resets. But that was also
1630.5s
and we fine-tune the graininess here and
1634.3s
the edges and the rotation,
1637.2s
the scale
1639.1s
um like this. And I had a lot of fun
1641.9s
really finding the variation of the
1645.5s
shader that I wanted. And so I can just
1647.8s
refresh and it resets. But that was also
1650.0s
a very helpful sort of mini tool that I built for myself. Um, and another thing is I wanted to because I wanted to keep the really cool movement that is happening behind, I needed to do a screen recording to maximize the resolution of the card. And so I built this little screen recording tool for
1651.8s
built for myself. Um, and another thing
1654.1s
is I wanted to because I wanted to keep
1657.4s
the really cool movement that is
1659.7s
happening behind, I needed to do a
1662.7s
screen recording to maximize the
1664.6s
resolution of the card. And so I built
1666.6s
this little screen recording tool for
1668.0s
myself that tells me exactly when I need to start the recording and when I need to stop. And the reason I built this tool is because I really wanted it to feel like a loop, a perfect loop, so that when we post it on Twitter and on Instagram, it loops very very
1670.2s
to start the recording
1672.4s
and when I need to stop. And the reason
1674.6s
I built this tool is because I really
1676.2s
wanted it to feel like a loop, a perfect
1679.2s
loop, so that when we post it on Twitter
1681.0s
and on Instagram, it loops very very
1684.1s
smoothly and it feels like a like an endless sort of movement. And so I asked Claude to build this specific tool that gives me like this 4se secondond like gives me like this 4se secondond like perfectly designed loop so that it starts and end at the exact same pixel that it feels
1686.1s
endless sort of movement. And so I asked
1688.6s
Claude to build this specific tool that
1691.1s
gives me like this 4se secondond like
1693.5s
gives me like this 4se secondond like perfectly
1695.1s
designed loop so that it starts and end
1697.2s
at the exact same pixel that it feels
1700.1s
really smooth. We thought it would be really magical if people received a really magical if people received a ticket uh when they get their acceptance. And so we designed this ticket reusing the shader that we're using for all the other visual assets that we have for startup school. This time we would apply
1703.6s
really magical if people received a
1706.8s
really magical if people received a ticket
1708.1s
uh when they get their acceptance. And
1710.5s
so we designed this ticket reusing the
1714.3s
shader that we're using for all the
1715.8s
other visual assets that we have for
1717.7s
startup school. This time we would apply
1719.4s
it against a a ticket and we would try to make it as personalized as possible. So, we render your name and we render the city that you're from and then some information about the about the event. And it's been such a delight to see people share them on social media and say that they are excited about
1722.2s
to make it as personalized as possible.
1725.0s
So, we render your name and we render
1727.2s
the city that you're from and then some
1728.7s
information about the about the event.
1730.5s
And it's been such a delight to see
1732.9s
people share them on social media
1736.2s
and say that they are excited about
1737.8s
coming to SF and experience SF sometimes for the first time. Yeah. Could you imagine a year ago trying to build something like this? It wouldn't be worth it. these shaders. Building these shaders a year ago would have been like would have felt like this insurmountable mountain of I would not even have known where to start
1739.9s
for the first time.
1741.0s
Yeah. Could you imagine a year ago
1742.6s
trying to build something like this? It
1744.6s
wouldn't be worth it. these shaders.
1746.4s
Building these shaders a year ago would
1748.6s
have been like would have felt like this
1750.5s
insurmountable mountain of I would not
1754.2s
even have known where to start
1756.1s
to build these things. And now it is just this thing that Claude, my claude knows what to pull cuz it it knows that I love paper. It knows that I love their shaders and it's just automatically knows how to pull that all that information from their website and it uses it. It's just really magical. It's
1759.3s
just this thing that Claude, my claude
1762.1s
knows what to pull cuz it it knows that
1764.4s
I love paper. It knows that I love their
1766.3s
shaders and it's just automatically
1768.2s
knows how to pull that all that
1770.2s
information from their website and it
1772.0s
uses it. It's just really magical. It's
1774.2s
really cool to see this and it feels like so much time and thought and attention and care went into designing the experience from the moment that you get accepted until all the way through when you show up to the event and see the amazing lineup there. Yes. Yes. And it's also it's going to be
1775.6s
like so much time and thought and
1777.3s
attention and care went into designing
1779.0s
the experience from the moment that you
1781.6s
get accepted until all the way through
1784.0s
when you show up to the event and see
1785.7s
the amazing lineup there.
1787.0s
Yes. Yes. And it's also it's going to be
1788.7s
amazing to keep building more of the branding of Startup School with Claude and Codeex and like coding agents. It is such a different paradigm as to how we even do branding design moving forward. the fact that we will be able to use that same shader with the same parameters on the massive screens that
1791.4s
branding of Startup School with Claude
1794.2s
and Codeex and like coding agents. It is
1796.5s
such a different paradigm as to how we
1798.9s
even do branding design moving forward.
1801.3s
the fact that we will be able to use
1803.1s
that same shader with the same
1804.6s
parameters on the massive screens that
1807.4s
we're going to have throughout Chase Center and keep it incredibly consistent through and through. It's amazing. Like I'm really really excited about this and it's just easier than ever to make things more consistent and use coding agents for absolutely everything. Yeah. Amazing. Ev, thank you so much for joining and and showing us the behind
1808.7s
Center and keep it incredibly consistent
1811.1s
through and through. It's amazing. Like
1813.5s
I'm really really excited about this and
1815.3s
it's just easier than ever to make
1817.1s
things more consistent and use coding
1819.9s
agents for absolutely everything.
1821.8s
Yeah. Amazing. Ev, thank you so much for
1824.2s
joining and and showing us the behind
1825.7s
the scenes of how you've done some of this incredible work. um things that I think are really pushing the boundaries forward that uh are ways that are going to be super common for how designers are designing in the future, but not a lot of people I think have figured out yet. So, I really appreciate you sharing that
1827.1s
this incredible work. um things that I
1829.5s
think are really pushing the boundaries
1830.9s
forward that uh are ways that are going
1832.6s
to be super common for how designers are
1834.4s
designing in the future, but not a lot
1836.2s
of people I think have figured out yet.
1837.7s
So, I really appreciate you sharing that
1839.2s
So, I really appreciate you sharing that process. Thank you. We're we're all figuring it out together and we're having a lot of fun doing so. That does it for this episode of Design Review. We'll see you on the next one.
1839.8s
Thank you. We're we're all figuring it
1841.4s
out together and we're having a lot of
1842.6s
fun doing so.
1843.4s
That does it for this episode of Design
1845.0s
Review. We'll see you on the next one.
