Coframe
@coframe_ai
Followers
1,410
Following
0
Media
8
Statuses
43
LIVING INTERFACES // Let’s build
Bay Area
Joined May 2023
Don't wanna be here?
Send us removal request.
Explore trending content on Musk Viewer
É OURO
• 410570 Tweets
バニーの日
• 409332 Tweets
Bia Souza
• 310538 Tweets
Kyle
• 188091 Tweets
Canadá
• 187666 Tweets
Beatriz Souza
• 169310 Tweets
#แบดมินตัน
• 154769 Tweets
サッカー
• 103540 Tweets
Teddy Riner
• 101358 Tweets
#4MINUTES_EP2
• 90102 Tweets
スペイン
• 88871 Tweets
ELVISH INCOMPARABLE WINNER
• 85738 Tweets
オフサイド
• 77596 Tweets
Fermin
• 46844 Tweets
Emily
• 46728 Tweets
Gallagher
• 37905 Tweets
Ron Paul
• 34795 Tweets
Olmo
• 32048 Tweets
Ekrem İmamoğlu
• 26266 Tweets
Fresh News for $XRP Holders
• 24106 Tweets
異界入り
• 19756 Tweets
Game Informer
• 17756 Tweets
#LakshyaSen
• 17693 Tweets
シュート
• 16762 Tweets
$BCCOIN
• 16361 Tweets
ジャッジ
• 10907 Tweets
GameStop
• 10549 Tweets
Pinned Tweet
Announcing Coffee: build and iterate on your UI 10x faster with AI ☕️👇
30
121
851
Announcing Living Images: optimize your images with generative A/B testing 👇
6
22
119
“I’m never having omakase anywhere else” -Tinah
Happy holidays from Team Coframe! ☃️
3
3
46
Check it out on GitHub and let us know what you think!
2
4
30
Oh, and we’re hiring ⚡️ We work on some *really* cool stuff at Coframe. Coffee is an internal tool that we started building one weekend on a whim. If you’re an AI engineer or generalist who wants to build the future of UX/AI, DM us!
2
1
24
Roughly 80% of our frontend is AI-generated. In fact,
@joshpxyne
didn’t even know React prior to building Coframe v0.1 😅 (Fortunately for us,
@onum_tw
and
@tinahhong
are amazing at this among other things!)
1
1
23
That’s why we built Coffee: COFrame Front-End Engineer. It’s been a game-changing internal tool — and now, we’re open-sourcing it. Coffee’s mission is to make it incredibly easy for any developer to build a frontend in a fraction of the time.
1
2
19
3. Coffee also has the ability to edit existing components in your codebase. Just add a `coffee="description of change"` prop. Check it out:
1
2
17
THE SAKE EXPERIMENT 🍣
Last week, we hosted our first AI x Growth dinner with growth leaders from
@OpenAI
,
@Meta
,
@character_ai
,
@Netflix
, + more.
Here are the top takeaways on how growth is done at the world's leading companies. We'll share the Sake Experiment at the end 🍶👇
1
5
17
2. Once you're satisfied, add `pour="ComponentName.tsx"`, and save the file again.
The <Coffee> component will be replaced by the new component (ComponentName.tsx) in the `components` directory on the same level.
1
2
15
Beyond just being a nice demo, Coffee's goal is to be an ergonomic tool that can write and interact with production-grade frontend code. There are a ton of improvements and features that can be made — feel free to jump in and submit a PR!
1
1
15
The future of UI is bright! ⚡️⚡️
Team Coframe repping at the
@aiusergroup
conference in SF.
LET’S BUILD
0
1
13
1. Create a new component by adding <Coffee> wherever you’d like it to be in your code. You can pass in any props you'd like from the parent component. Save the file and watch it update in real-time in your browser. You can iterate on it simply by changing the description.
1
2
12
Pavlo, on our walk just now…
“I’ve recently switched to this new food ingestion schema” (diet?)
😂
0
0
8
The expressiveness of Coffee lies in its simplicity - one Docker command, and you’re ready to go. Here’s how it works:
1
1
9
Now for the Sake Experiment:
Secretly, left-side guests were served "Living Gem" sake, and right-side guests were served "Well of Wisdom" sake.
"If this is the best sake you've had, raise your hand."
An A/B test. It seems that growth leaders like Living Gem sake more?
1
0
2
5.
@richminer
, founder of
@android
:
💡 User interfaces are going to become more and more personalized. AI is going to fundamentally change the way we interact with the internet.
1
0
4
...not so fast!! That's when
@ronnyk
(godfather of A/B testing), exclaimed:
"It's not stat sig!"
He was right. :) Guess we'll just need to host more of these dinners to strengthen our confidence. 🎯
DM us if you'd like to learn how we're using genAI to drive meaningful growth!
0
0
4
Finding the perfect image *was* difficult...until now. Living Images lets you replace your static image with a constantly self-improving image that gets better and better over time based on what it learns.
1
0
1
2. Ibrahim O., Growth Engineering lead at
@OpenAI
:
💡 Being hypothesis-driven is key. Start with a problem, form a hypothesis (which can be data-driven or even from a hunch). Post-experiment analysis against the hypothesis is vital.
1
0
2
@gunta85
Good question on the removing of comments - that could be fixed in the prompt by adding "please preserve any existing comments" in . Let is know if it works for you and if it does you could also submit a PR!
1
0
1
4. George A., Director of Engineering at
@netflix
:
💡 Netfix is famous for its strong experimentation culture. They were experimenting with LLMs as early as 2019 and saw surprisingly compelling results with AI-generated copy.
1
0
1
1. Ganesh V., Director of Growth Engineering at
@Snap
:
💡 At some level, product engineering is really growth engineering. If you're not driving metrics and growth, what are you doing?
1
0
1
3.
@justinjbauer
, prev CPO at
@Amplitude_HQ
:
💡 Sometimes, things you don't expect to work will actually surprise you. This happens all the time, and experimentation is the key to finding these wins.
1
0
1
6.
@jwegan_com
, Head of Growth Engineering at
@character_ai
:
💡 You really need to experiment with a lot of things to see what sticks. AI has the potential to hyper-accelerate the growth and experimentation process, from ideation to variant creation.
1
0
1
You'll never look at images the same way again. Let us know what you think!
0
0
1