Tutorials, demos and news on web design and development with AI, picked from YouTube and Vimeo.
Syntax shows an agent that starts on its own from a Sentry error, can be paused and resumed, and ends up opening a pull request. It runs on Pi Durable, a library for agents that save their state and survive restarts.
Code Layers moves into open beta: start from a repository, explore variations with the Figma agent, turn them into editable layers and push changes to a GitHub branch. Another step towards design and code living in the same place.
With Modern Web Guidance installed, the coding agent builds declarative dialogs with invoker commands instead of boilerplate, while keeping cross-browser support in mind. Part of a weekly Chrome series on the topic.
midudev turns six photos of a restaurant into a landing page where scrolling walks you through the venue, using Claude Code and the Higgsfield MCP to generate the clips. It shows the terminal workflow and the trick for stitching segments together. Sponsored by Higgsfield.
Figma lets you add guideline files to a library so its agent follows your design system conventions without restating them in every prompt. The video shows how to set it up once for the whole team.
The new releases let you resend network requests, show CSS specificity in the Styles tab and open memory debugging to agents. Chrome is also moving to a two-week release cycle.
Chrome shows how Modern Web Guidance brings platform guides into the agent’s context so it builds scroll-driven animations with native CSS. It compares the result with a model working without those guides.
Web Dev Simplified covers what belongs in AGENTS.md, when skills make sense and what a system prompt is, along with the most common configuration mistakes. A practical guide to getting more out of coding agents on web projects.
A tour of ten browser capabilities, new and old, that AI assistants tend to ignore even though they improve your code, such as lazy-loading images. Handy for reviewing and correcting what they generate.
