A tiny tip that might help with your app architecture planning from @mikeryan.dev. Watch the full episode: codetv.link/wdc/s3e2
Mike Ryan
@mikeryan.dev
Google Developer Expert and co-creator of NgRx. Frying up AI goodness with hashbrown.dev
Hit us with your strongest potato opinions. Team Patatas ( @mikeryan.dev & @tylerslaton.bsky.social) is ready. Learn about frenchfry in the full episode: codetv.link/wdc/s3e2
Wait, that worked? See how @mikeryan.dev and @tylerslaton.bsky.social turned this "2026 moment" into a working app in the full episode: codetv.link/wdc/s3e2
Proud of @mikeryan.dev and @tylerslaton.bsky.social for doing the most important part of their app build first. Watch the full episode: codetv.link/wdc/s3e2
I wrote up my thoughts on agent composition in Hashbrown this morning. Trying to get the right building blocks in place to compose underpowered language models, like those powering the Prompt API in the browser or those that run well on developer hardware via Ollama. thegravy.dev/p/today-s-me...
Today's Menu: Agent Composition, Machine Learning in the Browser, and Agent Skills
Welcome to #9
thegravy.dev
LLMs are autocomplete for intent. As a UI engineer, that changes everything. Anywhere you can predict or complete what a user is doing, AI belongs there.
Want to see MCP and generative UI in action with Angular? GDEs Mike Ryan and Brian Love took on the Web Dev Challenge to build a party game app in just 4 hours using Hashbrown! Watch on YouTube now:youtu.be/gAeLTcxF-0o?...
Personal Software (build an app in 4 hours) · Web Dev Challenge S2.E8
Think you can top what the pros built in this episode? Join the Web Dev Challenge Hackathon and create your own MCP-powered app made for an audience of one: you. Use Postman for your chance to win $500 cash and be featured on Postman’s community and social channels. All the details, rules, and submission info: https://codetv.link/wdc/hackathon Submissions close September 22 at 11:59 PM PT — start building today. Contest open worldwide to participants 18+. By entering, you grant Postman the right to feature your submission on our website, blog, and social channels. ## The Challenge *As developers, we can often identify lots of areas in our own lives that could be improved by a custom app — if only we had the time to build them.* These days, AI coding workflows and tools like MCP servers make it much more feasible to build custom software for personal use only, so we’re challenging you to do exactly that. Wish you had an app that would turn your wifi off at 8pm so you’d actually get to bed on time? What about a chore schedule that’s exactly tailored to your family situation? Maybe a calendar that tracks only new book releases that are part of series you’re in the middle of reading. Make it practical; make it silly; whatever you do, make it personally valuable to you. ## The Tool: Postman **Your app must use Postman as part of the build.** Postman (https://codetv.link/postman) is the most popular tool out there for working with APIs. In this challenge, you’ll want to look into their suite of tools for designing and building MCP servers and agentic workflows: - MCP Servers: https://www.postman.com/explore/mcp-servers — tons of available MCP servers that you can use - Generate an MCP Server: https://www.postman.com/explore/mcp-generator — Postman has tools that allow you to generate your own MCP server from any public API - Postman AI Agent Builder: https://www.postman.com/product/ai-agent-builder/ — tools including LLM prompt testing, agent workflow designer, and tool generation - The Public API Network: https://www.postman.com/explore — this is a *huge* collection of public APIs that you can use as part of your build *THE DEVS* - Craig Dennis - Shirley Wu - Erin Mikail Staples - Elvis Kahoro - Mike Ryan - Brian Love *THE ADVISORS* Sterling Chin Jason Lengstorf ---------------------------------------------------------------------- Get early access to new videos, exclusive bonus content and other perks, and join me in building a happier, healthier, friendlier web dev community! https://codetv.dev/support ---------------------------------------------------------------------- Chapters: 0:00 In this episode... 0:30 Welcome + the challenge 0:40 Required tool + meet your advisor 4:08 Rules of the challenge + planning phase starts 4:32 Meet Team Galactic Chalkstars + their app idea 6:17 Meet Team Curly Bois + their app idea 8:01 Meet Team Tuff + their app idea 9:37 Build phase starts 11:02 Progress check ins 16:04 Late stage check ins 20:21 Team Curly Bois app demo 27:11 Team Galactic Chalkstars app demo 31:01 Team Tuff app demo 37:38 Reflections on the challenge 38:42 Outtakes and credits
youtu.be
NEW: personal software on Web Dev Challenge @mikeryan.dev, @blove.dev, @shirleywu.studio, Craig Dennis, @erinmikail.bsky.social, and @elviskahoro.bsky.social took on a challenge to build software with an audience of just one using @getpostman.bsky.social codetv.link/wdc/s2e8
Personal Software | Web Dev Challenge Season 2
Apps for a target audience of just one: you.
codetv.link
Fresh out of the frying pan, we just released Hashbrown v0.3 with support for: 🦙 Open-weight models (like gpt-oss) via our new Ollama adapter 🛠️ Initial support for MCP Servers 📝 New prompt template literal function 💻 Fresh docs website 👨🏫 Generative UI workshops
models are not just a tool for building apps, they're also a tool for building _better_ apps we (mostly kinda) love using ai in our dev tools we can use ai to build those same experiences in our web apps check it out: hashbrown.dev
Hashbrown – AI Framework for Angular & React
Build joyful, AI-powered user interfaces that help your users do more.
hashbrown.dev
Fresh out of the frying pan, we just released Hashbrown v0.3 with support for: 🦙 Open-weight models (like gpt-oss) via our new Ollama adapter 🛠️ Initial support for MCP Servers 📝 New prompt template literal function 💻 Fresh docs website 👨🏫 Generative UI workshops
Fresh out of the frying pan, we just released Hashbrown v0.3 with support for: 🦙 Open-weight models (like gpt-oss) via our new Ollama adapter 🛠️ Initial support for MCP Servers 📝 New prompt template literal function 💻 Fresh docs website 👨🏫 Generative UI workshops
🎤 Talk Spotlight: @mikeryan.dev What happens when you mix Angular with AI? 🍳 At #AngularConnect 2025, Mike will show us in his talk: “Frying Up AI-Powered Angular Apps” 🤖⚡ 📅 Sept 12–13, London 🎟️ angularconnect.com #AngularConnectIsBack #WebDev #AI #NgRx
Generative User Interfaces, by @mikeryan.dev and @jlengstorf@hachyderm.io (@codetv.dev): https://www.youtube.com/watch?v=ekQ7t6_MvOQ #videos #interviews #ai #prompting #dx
Generative user interfaces
We keep hearing AI is going to change everything, but so far it’s mostly given us helpdesk-like chat interfaces. Mike Ryan thinks it can be better and he’ll ...
youtube.com
“We must save society from low birth rates!” Also them: here’s your AI girlfriend, now with unlimited porn mode.
We got Hashbrown working against gpt-oss:120b. Generative user interfaces powered by 100% open source code. No API keys, subscriptions, or external service providers in the loop.
@jason.energy and I built generative UI that lets you search for @codetv.dev videos based on their content. Best part? Everything is open source, and you can follow along. Get the code, data, and embeddings here: github.com/MikeRyanDev/...
🔴 LIVE — generative user interfaces with @mikeryan.dev youtube.com/live/ekQ7t6_...
Hashbrown v0.2 is smothered, covered, and ready for consumption! This release comes with: ☎️ Improved Tool Calling 🏃 Built-in JavaScript Runtime ⚛️ Overhauled React implementation Read more: hashbrown.dev/blog/2025-07...
Hashbrown – AI Framework for Angular & React
Build joyful, AI-powered user interfaces that help your users do more.
hashbrown.dev
Shout-out to @mikeryan.dev, @blove.dev, and Ben Taylor for building a fantastic framework for building generative UIs with @angular.dev and/or @react.dev. The site looks great, and it's built with @analogjs.org 🤩 hashbrown.dev
Hashbrown – AI Framework for Angular & React
Build joyful, AI-powered user interfaces that help your users do more.
hashbrown.dev
Fresh out of the fryer, hashbrown is a headless @angular.dev library for building joyful AI-powered user experiences. It supports streaming, chat, structured outputs, generative UI, and AI code execution using the latest v20 resource and signals APIs. hashbrown.dev
Hashbrown – AI Framework for Angular & React
Build joyful, AI-powered user interfaces that help your users do more.
hashbrown.dev
Introducing Hashbrown! 🥔 A framework for building joyful, AI-powered user interfaces in Angular and React hashbrown.dev
Hashbrown – AI Framework for Angular & React
Build joyful, AI-powered user interfaces that help your users do more.
hashbrown.dev
It's been a long time since I've been up until 1:00 am on a school night hacking away at an open-source project. I seriously can't wait to show you the potatoes we've been frying at LiveLoveApp. 🥔
Everyone is talking about MCP with AI. Nobody is talking about how to fry the perfect hashbrown.
Storm the capitol all you want. Just spare your local Tesla dealership.
I love national, unsubscribe from an email list I did not know I was on, day
Some would call this sucka behavior 🤦🏿♂️
“Drake has initiated legal action against Universal Music Group and Spotify over allegations that the two companies conspired to artificially inflate the popularity of Kendrick Lamar’s ‘Not Like Us.’” www.billboard.com/pro/drake-um...