A tiny tip that might help with your app architecture planning from @mikeryan.dev.

Watch the full episode: codetv.link/wdc/s3e2

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

Much of the necessary core infrastructure already exists. It started with the rebuild of NgRx.io, and then got copied and further extended for Hashbrown.dev. It needs to be extracted from these projects and turned into a reusable solution.

Today's Menu: Agent Composition, Machine Learning in the Browser, and Agent Skills Welcome to #9

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...

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.

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

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 | Web Dev Challenge Season 2 Apps for a target audience of just one: you.

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

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.

Read the full write-up on Hashbrown v0.3: hashbrown.dev/blog/2025-09...

👨‍🏫 We are launching workshops for React and Angular. I will personally teach you everything I know about using LLMs to build generative user interfaces. They are hosted remotely, with the first dates set for October. Best part? The revenue supports the open source project!

💻 Huge shoutout to the team on this, especially @blove.dev. We've launched a complete redesign of the Hashbrown docs site, complete with tons of new documentation. There's still plenty to write, but we're making big strides in our docs game with this release.

📝 Our new prompt template literal function allows you to write UI examples in your system instructions. Hashbrown validates them against your component schema, then downlevels the example into the underlying JSON representation. Result? Much better prompts!

🛠️ Hashbrown has limited support for MCP servers. You can now use the MCP Client SDK to load tools from a remote MCP server and let Hashbrown call them. If you plan on integrating MCP with Hashbrown, we'd love to hear from you!

🦙 You can now use open-weight models via our Ollama adapter. Setting it up in your backend is just as smple as our other adapters, and we support Ollama Turbo to run models on their infrastructure.

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

Polaroid of people grouped together in front of a dark wall. the date August 258, 2025 is written on it. it’s pinned to a dark cork board kind of surface with decorative pins around it

good day today

@mikeryan.dev @scottmoss.bsky.social @blove.dev @shaundai.com @jamesqquick.bsky.social @brianmm.dev @davidedaniel.bsky.social @codetv.dev

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 ...

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

I legit love AI, but man, we're so cooked.

“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.

It’s incredible. Listening nonstop all week.

@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/...

Hashbrown – AI Framework for Angular & React Build joyful, AI-powered user interfaces that help your users do more.

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.

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.

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.

Introducing Hashbrown! 🥔 A framework for building joyful, AI-powered user interfaces in Angular and React

hashbrown.dev