Browse and remix LED matrix patterns in the browser, generate your own with AI, and flash them to the device.
openai/openai-realtime-agents
This is a simple demonstration of more advanced, agentic patterns built on top of the Realtime API.
Hero Patterns
A collection of repeatable SVG background patterns for you to use on your digital projects.
Agentic Engineering Patterns - Simon Willison's Weblog
Patterns for getting the best results out of coding agents like Claude Code and OpenAI Codex. See my introduction for more on this project.
Agentic Design Patterns
Agentic Design Patterns 👉 🧠✅ I’m excited to share that my new book, "Agentic Design Patterns: A Hands-On Guide to Intelligent AI Agents," is officially out! 👉 🧠✅ In a field moving at lightning speed, this book focuses on the durable, fundamental patterns that are becoming the foundation of...
Agentic Design Patterns
Agentic Design Patterns 👉 🧠✅ I’m excited to share that my new book, "Agentic Design Patterns: A Hands-On Guide to Intelligent AI Agents," is officially out! 👉 🧠✅ In a field moving at lightning speed, this book focuses on the durable, fundamental patterns that are becoming the foundation of...
Zain Shah (@zan2434)
Imagine every pixel on your screen, streamed live directly from a model. No HTML, no layout engine, no code. Just exactly what you want to see. @eddiejiao_obj, @drewocarr and I built a prototype to see how this could actually work, and set out to make it real. We're calling it Flipbook. (1/5)
Zain Shah on Twitter / X
Imagine every pixel on your screen, streamed live directly from a model. No HTML, no layout engine, no code. Just exactly what you want to see.@eddiejiao_obj, @drewocarr and I built a prototype to see how this could actually work, and set out to make it real. We're calling it… pic.twitter.com/C4BEi1lse8— Zain Shah (@zan2434) April 22, 2026
Smart Layout Patterns with Modern CSS with KEVIN POWELL – SmashingConf Amsterdam 2026
Live code with Tidal Cycles | Tidal Cycles
Live coding environment for making algorithmic patterns
The Majestic Monolith
Monolith by Rene Aigner Some patterns are just about the code. If your code looks like this, and you need it to do that, here’s what to do. You’d do well to study such patterns, as they give you a …
CSS Studio. Design by hand. Code by agent.
A visual CSS editor in your browser. Adjust styles with sliders and pickers, and your AI agent writes the changes to source.
Interface Lineage
A free library of interface patterns and principles. Name the mechanism, prompt it to your AI, and invent new interfaces.
