<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Adam</title>
    <description>The latest articles on DEV Community by Adam (@urbanisierung).</description>
    <link>https://dev.to/urbanisierung</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F205729%2F318431e8-d51d-441c-a5bc-e94a4e85145f.jpg</url>
      <title>DEV Community: Adam</title>
      <link>https://dev.to/urbanisierung</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/urbanisierung"/>
    <language>en</language>
    <item>
      <title>Supply Chains, Zombie OSS, and Agent Firewalls</title>
      <dc:creator>Adam</dc:creator>
      <pubDate>Fri, 29 May 2026 06:36:57 +0000</pubDate>
      <link>https://dev.to/urbanisierung/supply-chains-zombie-oss-and-agent-firewalls-543</link>
      <guid>https://dev.to/urbanisierung/supply-chains-zombie-oss-and-agent-firewalls-543</guid>
      <description>&lt;p&gt;This week feels like a full-stack reality check: &lt;a href="https://newsletter.pragmaticengineer.com/p/ai-impact-on-software-engineers-part-2" rel="noopener noreferrer"&gt;Gergely Orosz&lt;/a&gt; reports that AI is amplifying team culture (good and bad), while &lt;a href="https://blog.cloudflare.com/cyber-frontier-models/" rel="noopener noreferrer"&gt;Cloudflare&lt;/a&gt; shows frontier models already chaining exploits and reviewing attacks better with multi-agent setups.&lt;/p&gt;

&lt;p&gt;The ecosystem drama continues: &lt;a href="https://safedep.io/mini-shai-hulud-strikes-again-314-npm-packages-compromised/" rel="noopener noreferrer"&gt;SafeDep&lt;/a&gt; tracks 314 compromised npm packages, &lt;a href="https://docs.npmjs.com/staged-publishing" rel="noopener noreferrer"&gt;npm&lt;/a&gt; responds with staged publishing, and &lt;a href="https://nesbitt.io/2026/05/19/dumb-ways-for-an-open-source-project-to-die.html" rel="noopener noreferrer"&gt;Andrew Nesbitt&lt;/a&gt; explains how open-source projects quietly become zombie dependencies.&lt;/p&gt;

&lt;p&gt;On the practical side, &lt;a href="https://jvns.ca/blog/2026/05/15/moving-away-from-tailwind--and-learning-to-structure-my-css-/" rel="noopener noreferrer"&gt;Julia Evans&lt;/a&gt; makes a strong case for semantic HTML + native CSS, &lt;a href="https://uxdesign.cc/the-waiting-problem-in-ai-products-e7c11fd5a825" rel="noopener noreferrer"&gt;uxdesign.cc&lt;/a&gt; reminds AI teams that vague spinners are not UX strategy, and the database/tooling corner is unusually strong: &lt;a href="https://github.com/erans/pgsqlite" rel="noopener noreferrer"&gt;pgsqlite&lt;/a&gt;, &lt;a href="https://typeorm.io/docs/releases/1.0/release-notes/" rel="noopener noreferrer"&gt;TypeORM 1.0&lt;/a&gt;, and &lt;a href="https://github.com/kristiandupont/kanel" rel="noopener noreferrer"&gt;Kanel 4.0&lt;/a&gt; all make modern TS+SQL workflows less painful.&lt;/p&gt;

&lt;p&gt;Bonus watch: &lt;a href="https://www.youtube.com/watch?v=ii_rLjQfjp0" rel="noopener noreferrer"&gt;Martin Fowler and Kent Beck&lt;/a&gt; reflecting on 30 years of Agile is a nice antidote to pure AI hype cycles. Also worth noting: &lt;a href="https://deno.com/blog/clawpatrol" rel="noopener noreferrer"&gt;Claw Patrol&lt;/a&gt; pushes agent-level security controls in the runtime itself, which is exactly where this should be heading.&lt;/p&gt;

&lt;p&gt;Enjoy!&lt;/p&gt;

&lt;p&gt;Signup &lt;a href="https://weeklyfoo.com" rel="noopener noreferrer"&gt;here&lt;/a&gt; for the newsletter to get the weekly digest right into your inbox.&lt;/p&gt;

&lt;p&gt;Find the 12 highlighted links of &lt;a href="https://weeklyfoo.com" rel="noopener noreferrer"&gt;weeklyfoo&lt;/a&gt; #138:&lt;/p&gt;




&lt;p&gt;&lt;a href="https://newsletter.pragmaticengineer.com/p/ai-impact-on-software-engineers-part-2" rel="noopener noreferrer"&gt;&lt;h3&gt;AI's Impact on Software Engineers in 2026: Part 2&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by Gergely Orosz&lt;/p&gt;

&lt;p&gt;Survey of 900+ engineers — AI amplifies existing culture, codebase quality is dropping while management focuses on output, and junior devs are struggling most&lt;/p&gt;

&lt;p&gt;&lt;small&gt;🚀 Read it!, ai, engineering&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://jvns.ca/blog/2026/05/15/moving-away-from-tailwind--and-learning-to-structure-my-css-/" rel="noopener noreferrer"&gt;&lt;h3&gt;Moving Away from Tailwind&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by Julia Evans&lt;/p&gt;

&lt;p&gt;Adopting semantic HTML and native CSS — component files, CSS nesting, and grid layouts without the framework dependency&lt;/p&gt;

&lt;p&gt;&lt;small&gt;📰 Good to know, css, frontend&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://safedep.io/mini-shai-hulud-strikes-again-314-npm-packages-compromised/" rel="noopener noreferrer"&gt;&lt;h3&gt;314 npm Packages Compromised in New Supply-Chain Wave&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by SafeDep Team&lt;/p&gt;

&lt;p&gt;The mini Shai-Hulud class of supply-chain attacks returns — 314 packages including the antv family and timeago.js targeted in the latest wave&lt;/p&gt;

&lt;p&gt;&lt;small&gt;📰 Good to know, security, npm, javascript&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://blog.cloudflare.com/cyber-frontier-models/" rel="noopener noreferrer"&gt;&lt;h3&gt;What Claude Mythos Showed Cloudflare&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by Cloudflare&lt;/p&gt;

&lt;p&gt;Cloudflare CSO reports on Project Glasswing findings — exploit chain construction, proof generation, and adversarial multi-agent review that outperforms single-agent verification&lt;/p&gt;

&lt;p&gt;&lt;small&gt;📰 Good to know, ai, security&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://nesbitt.io/2026/05/19/dumb-ways-for-an-open-source-project-to-die.html" rel="noopener noreferrer"&gt;&lt;h3&gt;Dumb Ways for an Open Source Project to Die&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by Andrew Nesbitt&lt;/p&gt;

&lt;p&gt;Maintainer burnout, funding gaps, and broken tech turn still-used packages into zombies — listed everywhere, quietly dangerous for all downstream dependents&lt;/p&gt;

&lt;p&gt;&lt;small&gt;📰 Good to know, open-source, engineering&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://uxdesign.cc/the-waiting-problem-in-ai-products-e7c11fd5a825" rel="noopener noreferrer"&gt;&lt;h3&gt;The Waiting Problem in AI Products&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by uxdesign.cc&lt;/p&gt;

&lt;p&gt;AI products ignore decades of research on wait time — users need progress indicators, ETAs, and detailed logs instead of vague spinners that force people to invent their own coping behaviors&lt;/p&gt;

&lt;p&gt;&lt;small&gt;📰 Good to know, ai, design, ux&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://docs.npmjs.com/staged-publishing" rel="noopener noreferrer"&gt;&lt;h3&gt;Staged Publishing for npm Packages&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by npm&lt;/p&gt;

&lt;p&gt;npm's new staged publishing model gives packages a review period before going live — part of the npm 11.15.0 release&lt;/p&gt;

&lt;p&gt;&lt;small&gt;📰 Good to know, npm, javascript&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://github.com/erans/pgsqlite" rel="noopener noreferrer"&gt;&lt;h3&gt;pgsqlite&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by Eran Sandler&lt;/p&gt;

&lt;p&gt;Postgres wire-protocol adapter for SQLite — use psql, pgAdmin, and standard Postgres drivers against an SQLite database&lt;/p&gt;

&lt;p&gt;&lt;small&gt;🧰 Tools, sqlite, postgres, tools&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://typeorm.io/docs/releases/1.0/release-notes/" rel="noopener noreferrer"&gt;&lt;h3&gt;TypeORM 1.0&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by TypeORM Team&lt;/p&gt;

&lt;p&gt;TypeScript-first ORM reaches 1.0 after years on 0.3.x — INSERT INTO SELECT support, cross-driver transaction isolation levels, and smoother PostgreSQL enum migrations&lt;/p&gt;

&lt;p&gt;&lt;small&gt;🧰 Tools, typescript, database, tools&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://github.com/kristiandupont/kanel" rel="noopener noreferrer"&gt;&lt;h3&gt;Kanel 4.0&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by Kristian Dupont&lt;/p&gt;

&lt;p&gt;Inspects your Postgres database and generates TypeScript types for use with Knex, Zod, or Kysely&lt;/p&gt;

&lt;p&gt;&lt;small&gt;🧰 Tools, typescript, postgres, tools&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://deno.com/blog/clawpatrol" rel="noopener noreferrer"&gt;&lt;h3&gt;Claw Patrol&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by Deno Team&lt;/p&gt;

&lt;p&gt;Security firewall for Deno agents — restricts network access and subprocess execution to prevent agent overreach&lt;/p&gt;

&lt;p&gt;&lt;small&gt;🧰 Tools, security, ai, tools&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://www.youtube.com/watch?v=ii_rLjQfjp0" rel="noopener noreferrer"&gt;&lt;h3&gt;Tech Truth: Agile Evolution &amp;amp; the Future of SW Engineering&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by Martin Fowler, Kent Beck&lt;/p&gt;

&lt;p&gt;Martin Fowler and Kent Beck reflect on 30 years — AI as a patient tutor, what Extreme Programming got right, and why people skills still matter more than tools&lt;/p&gt;

&lt;p&gt;&lt;small&gt;📺 Videos, engineering, agile&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;Want to read more? Check out the full article &lt;a href="https://weeklyfoo.com/foos/foo-138/" rel="noopener noreferrer"&gt;here&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;To sign up for the weekly newsletter, visit &lt;a href="https://weeklyfoo.com" rel="noopener noreferrer"&gt;weeklyfoo.com&lt;/a&gt;.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>weeklyfoo</category>
      <category>javascript</category>
      <category>node</category>
    </item>
    <item>
      <title>Stay ahead in web development: latest news, tools, and insights #138</title>
      <dc:creator>Adam</dc:creator>
      <pubDate>Mon, 25 May 2026 06:46:31 +0000</pubDate>
      <link>https://dev.to/urbanisierung/stay-ahead-in-web-development-latest-news-tools-and-insights-138-nec</link>
      <guid>https://dev.to/urbanisierung/stay-ahead-in-web-development-latest-news-tools-and-insights-138-nec</guid>
      <description>&lt;p&gt;Signup &lt;a href="https://weeklyfoo.com" rel="noopener noreferrer"&gt;here&lt;/a&gt; for the newsletter to get the weekly digest right into your inbox.&lt;/p&gt;

&lt;p&gt;weeklyfoo #138 is here: your weekly digest of all webdev news you need to know! This time you'll find 32 valuable links in 4 categories! Enjoy!&lt;/p&gt;

&lt;h2&gt;
  
  
  🚀 Read it!
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://newsletter.pragmaticengineer.com/p/ai-impact-on-software-engineers-part-2?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-138&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;AI's Impact on Software Engineers in 2026: Part 2&lt;/a&gt;: Survey of 900+ engineers — AI amplifies existing culture, codebase quality is dropping while management focuses on output, and junior devs are struggling most by Gergely Orosz&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;engineering&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;16 min read&lt;/small&gt;
&lt;/li&gt;
&lt;/ul&gt;



&lt;h2&gt;
  
  
  📰 Good to know
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://jvns.ca/blog/2026/05/15/moving-away-from-tailwind--and-learning-to-structure-my-css-/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-138&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Moving Away from Tailwind&lt;/a&gt;: Adopting semantic HTML and native CSS — component files, CSS nesting, and grid layouts without the framework dependency by Julia Evans&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;css&lt;/em&gt;, &lt;em&gt;frontend&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;12 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://denodell.com/blog/browsers-treat-big-sites-differently?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-138&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Browsers Treat Big Sites Differently&lt;/a&gt;: Firefox and Safari ship quirks files to compensate for Chrome-only testing — test in multiple browsers regularly, not just before big launches by Den Odell&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;frontend&lt;/em&gt;, &lt;em&gt;web&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;11 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://www.smashingmagazine.com/2026/05/data-backed-truths-user-experience-roi/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-138&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Ten Data-Backed Truths of User Experience ROI&lt;/a&gt;: UX fixes are 100x cheaper in the design phase — and a one-second delay reduces conversions by 20% by Smashing Magazine&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;design&lt;/em&gt;, &lt;em&gt;engineering&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;16 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://simonwillison.net/2026/May/19/5-minute-llms/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-138&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;The Last Six Months in LLMs&lt;/a&gt;: Coding agents became reliable daily tools and local open-weight models reached cutting-edge performance — Simon Willison's 6-month review by Simon Willison&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;engineering&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;10 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://safedep.io/mini-shai-hulud-strikes-again-314-npm-packages-compromised/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-138&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;314 npm Packages Compromised in New Supply-Chain Wave&lt;/a&gt;: The mini Shai-Hulud class of supply-chain attacks returns — 314 packages including the antv family and timeago.js targeted in the latest wave by SafeDep Team&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;security&lt;/em&gt;, &lt;em&gt;npm&lt;/em&gt;, &lt;em&gt;javascript&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;38 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://blog.cloudflare.com/cyber-frontier-models/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-138&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;What Claude Mythos Showed Cloudflare&lt;/a&gt;: Cloudflare CSO reports on Project Glasswing findings — exploit chain construction, proof generation, and adversarial multi-agent review that outperforms single-agent verification by Cloudflare&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;security&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;17 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://ishadeed.com/article/css-round/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-138&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Better Fluid Sizing with CSS round()&lt;/a&gt;: How to use the CSS round() function to snap fluid sizes to the nearest pixel or step — interactive examples included by Ahmad Shadeed&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;css&lt;/em&gt;, &lt;em&gt;frontend&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;9 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://nesbitt.io/2026/05/19/dumb-ways-for-an-open-source-project-to-die.html?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-138&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Dumb Ways for an Open Source Project to Die&lt;/a&gt;: Maintainer burnout, funding gaps, and broken tech turn still-used packages into zombies — listed everywhere, quietly dangerous for all downstream dependents by Andrew Nesbitt&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;open-source&lt;/em&gt;, &lt;em&gt;engineering&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;13 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://developer.chrome.com/blog/gap-decorations-stable?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-138&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;CSS Gap Decorations Now in Chrome and Edge&lt;/a&gt;: Style flexbox, grid, and multi-column gaps directly with border-like decorations — no pseudo-elements needed by Chrome for Developers&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;css&lt;/em&gt;, &lt;em&gt;frontend&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;10 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://newsletter.pragmaticengineer.com/p/the-pulse-forward-deployed-engineering-887?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-138&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;The Pulse: Forward-Deployed Engineering Heats Up Again&lt;/a&gt;: OpenAI and Anthropic are creating separate FDE deployment entities while the role evolves toward solutions architecture — senior devs prefer product work over client integration by Gergely Orosz&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;engineering&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;9 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://uxdesign.cc/the-waiting-problem-in-ai-products-e7c11fd5a825?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-138&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;The Waiting Problem in AI Products&lt;/a&gt;: AI products ignore decades of research on wait time — users need progress indicators, ETAs, and detailed logs instead of vague spinners that force people to invent their own coping behaviors by uxdesign.cc&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;design&lt;/em&gt;, &lt;em&gt;ux&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;1 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://docs.npmjs.com/staged-publishing?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-138&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Staged Publishing for npm Packages&lt;/a&gt;: npm's new staged publishing model gives packages a review period before going live — part of the npm 11.15.0 release by npm&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;npm&lt;/em&gt;, &lt;em&gt;javascript&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;9 min read&lt;/small&gt;
&lt;/li&gt;
&lt;/ul&gt;



&lt;h2&gt;
  
  
  🧰 Tools
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://github.com/MinishLab/semble?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-138&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Semble&lt;/a&gt;: Code search library for AI agents using natural language — 98% fewer tokens, CPU-only, sub-millisecond responses, available as MCP server or CLI by MinishLab&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://designsurface.dev/cascade?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-138&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Cascade&lt;/a&gt;: Icons for CSS properties to visually identify them in your projects by Design Surface&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;design&lt;/em&gt;, &lt;em&gt;css&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/regent-vcs/re_gent?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-138&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Re_gent&lt;/a&gt;: Version control for AI agents — track, replay, and audit agent decisions and state across sessions by regent-vcs&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/Nutlope/hallmark?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-138&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Hallmark&lt;/a&gt;: Anti-AI-slop design skill for Claude Code, Cursor, and Codex. by Hassan El Mghari&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;design&lt;/em&gt;, &lt;em&gt;skill&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/wiltodelta/remove-ai-watermarks?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-138&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;remove-ai-watermarks&lt;/a&gt;: CLI and library for removing visible logos, invisible watermarks, and AI provenance metadata from images generated by various models by wiltodelta&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;, &lt;em&gt;cli&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/erans/pgsqlite?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-138&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;pgsqlite&lt;/a&gt;: Postgres wire-protocol adapter for SQLite — use psql, pgAdmin, and standard Postgres drivers against an SQLite database by Eran Sandler&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;sqlite&lt;/em&gt;, &lt;em&gt;postgres&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/addyosmani/critical?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-138&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;critical 8.0&lt;/a&gt;: Extract and inline above-the-fold critical CSS from HTML — production-ready and still actively maintained by Addy Osmani&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;css&lt;/em&gt;, &lt;em&gt;performance&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/GoogleChrome/modern-web-guidance?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-138&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Modern Web Guidance&lt;/a&gt;: Evergreen AI skills for coding agents covering UX, performance, accessibility, layouts, and CSS patterns from the Chrome team by Chrome for Developers&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;, &lt;em&gt;frontend&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://charcuterie.elastiq.ch/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-138&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Charcuterie&lt;/a&gt;: Visual explorer for Unicode — browse characters, discover related glyphs, and explore scripts, symbols, and shapes across the standard by Elastiq&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;tools&lt;/em&gt;, &lt;em&gt;design&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/shenli/distributed-system-testing?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-138&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;distributed-system-testing&lt;/a&gt;: Skills for AI coding agents to plan and execute distributed system tests — claim-driven testing that validates against network partitions, concurrency, and crash-recovery scenarios by shenli&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;testing&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://typeorm.io/docs/releases/1.0/release-notes/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-138&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;TypeORM 1.0&lt;/a&gt;: TypeScript-first ORM reaches 1.0 after years on 0.3.x — INSERT INTO SELECT support, cross-driver transaction isolation levels, and smoother PostgreSQL enum migrations by TypeORM Team&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;typescript&lt;/em&gt;, &lt;em&gt;database&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/kristiandupont/kanel?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-138&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Kanel 4.0&lt;/a&gt;: Inspects your Postgres database and generates TypeScript types for use with Knex, Zod, or Kysely by Kristian Dupont&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;typescript&lt;/em&gt;, &lt;em&gt;postgres&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/vercel-labs/zerolang?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-138&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Zero&lt;/a&gt;: Agent-first systems programming language inspired by Zig and Rust — one obvious path, rich stdlib, structured diagnostics, and explicit effects for external systems by Vercel&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;, &lt;em&gt;pl&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://deno.com/blog/clawpatrol?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-138&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Claw Patrol&lt;/a&gt;: Security firewall for Deno agents — restricts network access and subprocess execution to prevent agent overreach by Deno Team&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;security&lt;/em&gt;, &lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/google/ax?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-138&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Google Ax&lt;/a&gt;: Distributed agent runtime open-sourced by Google — orchestrates and scales AI agents across services by Google&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;/ul&gt;



&lt;h2&gt;
  
  
  📺 Videos
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://www.youtube.com/watch?v=0YjO7wShTkQ?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-138&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;How Shopify's Design Director Shapes Product Strategy&lt;/a&gt;: Balancing metrics and vision, redesigning the shopping cart UX, and taking big bets on the shopping feed by Katarina Batina, Michael Riddering&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;design&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://www.youtube.com/watch?v=ii_rLjQfjp0?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-138&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Tech Truth: Agile Evolution &amp;amp; the Future of SW Engineering&lt;/a&gt;: Martin Fowler and Kent Beck reflect on 30 years — AI as a patient tutor, what Extreme Programming got right, and why people skills still matter more than tools by Martin Fowler, Kent Beck&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;engineering&lt;/em&gt;, &lt;em&gt;agile&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://www.youtube.com/watch?v=C_GG5g38vLU?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-138&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Harnesses in AI: A Deep Dive&lt;/a&gt;: How harness engineering makes AI agents reliable in production — structuring context, verification loops, and agent control by Tejas Kumar, IBM&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;engineering&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://www.youtube.com/watch?v=mR-WAvEPRwE?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-138&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Build Agents That Run for Hours (Without Losing the Plot)&lt;/a&gt;: Anthropic engineers on the practical challenges of long-running agents — context compaction, state management, and keeping multi-step workflows on track by Ash Prabaker, Andrew Wilson, Anthropic&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;engineering&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Want to read more? Check out the full article &lt;a href="https://weeklyfoo.com/foos/foo-138/" rel="noopener noreferrer"&gt;here&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;To sign up for the weekly newsletter, visit &lt;a href="https://weeklyfoo.com" rel="noopener noreferrer"&gt;weeklyfoo.com&lt;/a&gt;.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>weeklyfoo</category>
      <category>javascript</category>
      <category>node</category>
    </item>
    <item>
      <title>Harnesses, Slop Cannons, and Supply-Chain Alarms</title>
      <dc:creator>Adam</dc:creator>
      <pubDate>Fri, 22 May 2026 04:51:06 +0000</pubDate>
      <link>https://dev.to/urbanisierung/harnesses-slop-cannons-and-supply-chain-alarms-2c4p</link>
      <guid>https://dev.to/urbanisierung/harnesses-slop-cannons-and-supply-chain-alarms-2c4p</guid>
      <description>&lt;p&gt;&lt;a href="https://socket.dev/blog/tanstack-npm-packages-compromised-mini-shai-hulud-supply-chain-attack" rel="noopener noreferrer"&gt;Socket&lt;/a&gt; kicks off the week with a real supply-chain gut punch: 84 TanStack npm packages compromised, 12M+ weekly downloads exposed, and yet another reminder that dependency trust is not a passive activity. On the AI engineering side, &lt;a href="https://www.langchain.com/blog/the-anatomy-of-an-agent-harness" rel="noopener noreferrer"&gt;LangChain&lt;/a&gt;, &lt;a href="https://martinfowler.com/articles/reduce-friction-ai/" rel="noopener noreferrer"&gt;Martin Fowler&lt;/a&gt;, and &lt;a href="https://eugeneyan.com/writing/working-with-ai/" rel="noopener noreferrer"&gt;Eugene Yan&lt;/a&gt; all point in the same direction: the model is only half the story — harness design, team rituals, and reusable context are what make AI systems actually useful.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://newsletter.manager.dev/p/the-unwritten-laws-of-software-engineering" rel="noopener noreferrer"&gt;manager.dev&lt;/a&gt; brings timeless incident wisdom (rollback first, debug second), while &lt;a href="https://handyai.substack.com/p/the-slop-cannons-in-your-engineering" rel="noopener noreferrer"&gt;Jake Handy&lt;/a&gt; names the modern management headache: massive AI-generated PRs with suspiciously low ownership. &lt;a href="https://wasp.sh/blog/2026/05/13/new-language-for-web-dev-was-a-mistake" rel="noopener noreferrer"&gt;Wasp&lt;/a&gt; adds a candid founder postmortem — five years and five million dollars later, inventing a new web language turned out to be the expensive scenic route.&lt;/p&gt;

&lt;p&gt;Tool radar is packed: &lt;a href="https://github.com/Mnexa-AI/e2a" rel="noopener noreferrer"&gt;e2a&lt;/a&gt; secures agent email handoffs, &lt;a href="https://github.com/pionxzh/wakaru" rel="noopener noreferrer"&gt;Wakaru&lt;/a&gt; makes minified JavaScript readable again for audits, &lt;a href="https://github.com/JamieMason/syncpack" rel="noopener noreferrer"&gt;Syncpack 15.0&lt;/a&gt; helps monorepos stop version drift before it becomes a lifestyle, and the &lt;a href="https://www.youtube.com/watch?v=6moPS3AAbe4" rel="noopener noreferrer"&gt;TanStack Start vs Next.js interview&lt;/a&gt; is worth a watch if you like your framework debates with business context instead of tribal shouting.&lt;/p&gt;

&lt;p&gt;Enjoy!&lt;/p&gt;

&lt;p&gt;Signup &lt;a href="https://weeklyfoo.com" rel="noopener noreferrer"&gt;here&lt;/a&gt; for the newsletter to get the weekly digest right into your inbox.&lt;/p&gt;

&lt;p&gt;Find the 10 highlighted links of &lt;a href="https://weeklyfoo.com" rel="noopener noreferrer"&gt;weeklyfoo&lt;/a&gt; #137:&lt;/p&gt;




&lt;p&gt;&lt;a href="https://socket.dev/blog/tanstack-npm-packages-compromised-mini-shai-hulud-supply-chain-attack" rel="noopener noreferrer"&gt;&lt;h3&gt;TanStack npm Packages Compromised in Ongoing Supply-Chain Attack&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by Socket&lt;/p&gt;

&lt;p&gt;84 TanStack packages with over 12M weekly downloads hit in a supply-chain attack — deprecated versions pulled, GitHub Actions hardened with repo-owner guards and pinned action refs&lt;/p&gt;

&lt;p&gt;&lt;small&gt;🚀 Read it!, security, javascript, npm&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://www.langchain.com/blog/the-anatomy-of-an-agent-harness" rel="noopener noreferrer"&gt;&lt;h3&gt;The Anatomy of an Agent Harness&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by LangChain&lt;/p&gt;

&lt;p&gt;An AI agent is the functional combination of a core LLM and a surrounding harness — code, config, and logic for durable state, sandboxed execution, context compaction, and verification loops&lt;/p&gt;

&lt;p&gt;&lt;small&gt;📰 Good to know, ai, engineering&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://newsletter.manager.dev/p/the-unwritten-laws-of-software-engineering" rel="noopener noreferrer"&gt;&lt;h3&gt;The Unwritten Laws of Software Engineering&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by manager.dev&lt;/p&gt;

&lt;p&gt;When production fails, roll back before debugging — and treat all untested recovery plans as fictional. Hard-won rules about dependencies, four-eyes checks, and why temporary fixes become permanent&lt;/p&gt;

&lt;p&gt;&lt;small&gt;📰 Good to know, engineering&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://handyai.substack.com/p/the-slop-cannons-in-your-engineering" rel="noopener noreferrer"&gt;&lt;h3&gt;The Slop Cannons In Your Engineering Org&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by Jake Handy&lt;/p&gt;

&lt;p&gt;A field guide to the engineer shipping huge AI-generated PRs they can't explain — confusing velocity for progress — with a manager's checklist for spotting and fixing the pattern&lt;/p&gt;

&lt;p&gt;&lt;small&gt;📰 Good to know, ai, engineering, management&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://wasp.sh/blog/2026/05/13/new-language-for-web-dev-was-a-mistake" rel="noopener noreferrer"&gt;&lt;h3&gt;5 Years and $5M Later: Inventing a New Language for Web Dev Was a Mistake&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by Wasp&lt;/p&gt;

&lt;p&gt;The Wasp co-founder reflects on why building a custom programming language for web development was a mistake — too much friction with developer adoption and high IDE tooling maintenance costs — now transitioning to a TypeScript-based SDK&lt;/p&gt;

&lt;p&gt;&lt;small&gt;📰 Good to know, engineering, opinion&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://eugeneyan.com/writing/working-with-ai/" rel="noopener noreferrer"&gt;&lt;h3&gt;How To Work and Compound With AI&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by Eugene Yan&lt;/p&gt;

&lt;p&gt;Every finished artifact — code, docs, analysis, decisions — becomes context for the next AI session and each correction updates a config that reduces future errors — a practical guide to making AI work compound over time&lt;/p&gt;

&lt;p&gt;&lt;small&gt;📰 Good to know, ai, productivity&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://github.com/Mnexa-AI/e2a" rel="noopener noreferrer"&gt;&lt;h3&gt;e2a&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by Mnexa-AI&lt;/p&gt;

&lt;p&gt;Authenticated email gateway for AI agents with SPF/DKIM verification and HMAC signatures — lets agents communicate with humans via cloud webhooks or WebSocket without needing public URLs&lt;/p&gt;

&lt;p&gt;&lt;small&gt;🧰 Tools, ai, tools&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://github.com/pionxzh/wakaru" rel="noopener noreferrer"&gt;&lt;h3&gt;Wakaru&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by Pionxzh&lt;/p&gt;

&lt;p&gt;Feed it minified bundled JavaScript and get readable source modules back — useful for code recovery, reverse-engineering, and security auditing, with an online playground&lt;/p&gt;

&lt;p&gt;&lt;small&gt;🧰 Tools, javascript, security, tools&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://github.com/JamieMason/syncpack" rel="noopener noreferrer"&gt;&lt;h3&gt;Syncpack 15.0&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by Jamie Mason&lt;/p&gt;

&lt;p&gt;CLI tool used by Electron, Cloudflare, and Vercel that finds and fixes dependency version mismatches across entire monorepos and enforces version policies — v15.0 adds pnpm and Bun catalog support and a default release age cooldown&lt;/p&gt;

&lt;p&gt;&lt;small&gt;🧰 Tools, javascript, monorepo, tools&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://www.youtube.com/watch?v=6moPS3AAbe4" rel="noopener noreferrer"&gt;&lt;h3&gt;TanStack Start vs Next.js with Tanner Linsley&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by Nuno Maduro&lt;/p&gt;

&lt;p&gt;A candid interview covering TanStack's business model, why Start exists alongside Next.js, and framework-agnostic thinking while still deeply focusing on React&lt;/p&gt;

&lt;p&gt;&lt;small&gt;📺 Videos, javascript, react&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;Want to read more? Check out the full article &lt;a href="https://weeklyfoo.com/foos/foo-137/" rel="noopener noreferrer"&gt;here&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;To sign up for the weekly newsletter, visit &lt;a href="https://weeklyfoo.com" rel="noopener noreferrer"&gt;weeklyfoo.com&lt;/a&gt;.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>weeklyfoo</category>
      <category>javascript</category>
      <category>node</category>
    </item>
    <item>
      <title>Stay ahead in web development: latest news, tools, and insights #137</title>
      <dc:creator>Adam</dc:creator>
      <pubDate>Mon, 18 May 2026 05:09:52 +0000</pubDate>
      <link>https://dev.to/urbanisierung/stay-ahead-in-web-development-latest-news-tools-and-insights-137-10e3</link>
      <guid>https://dev.to/urbanisierung/stay-ahead-in-web-development-latest-news-tools-and-insights-137-10e3</guid>
      <description>&lt;p&gt;Signup &lt;a href="https://weeklyfoo.com" rel="noopener noreferrer"&gt;here&lt;/a&gt; for the newsletter to get the weekly digest right into your inbox.&lt;/p&gt;

&lt;p&gt;weeklyfoo #137 is here: your weekly digest of all webdev news you need to know! This time you'll find 28 valuable links in 5 categories! Enjoy!&lt;/p&gt;

&lt;h2&gt;
  
  
  🚀 Read it!
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://socket.dev/blog/tanstack-npm-packages-compromised-mini-shai-hulud-supply-chain-attack?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-137&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;TanStack npm Packages Compromised in Ongoing Supply-Chain Attack&lt;/a&gt;: 84 TanStack packages with over 12M weekly downloads hit in a supply-chain attack — deprecated versions pulled, GitHub Actions hardened with repo-owner guards and pinned action refs by Socket&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;security&lt;/em&gt;, &lt;em&gt;javascript&lt;/em&gt;, &lt;em&gt;npm&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;20 min read&lt;/small&gt;
&lt;/li&gt;
&lt;/ul&gt;



&lt;h2&gt;
  
  
  📰 Good to know
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://www.langchain.com/blog/the-anatomy-of-an-agent-harness?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-137&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;The Anatomy of an Agent Harness&lt;/a&gt;: An AI agent is the functional combination of a core LLM and a surrounding harness — code, config, and logic for durable state, sandboxed execution, context compaction, and verification loops by LangChain&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;engineering&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;14 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://newsletter.manager.dev/p/the-unwritten-laws-of-software-engineering?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-137&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;The Unwritten Laws of Software Engineering&lt;/a&gt;: When production fails, roll back before debugging — and treat all untested recovery plans as fictional. Hard-won rules about dependencies, four-eyes checks, and why temporary fixes become permanent by manager.dev&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;engineering&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;8 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://fourlightyears.blogspot.com/2026/05/i-returned-to-aws-and-was-reminded-hard.html?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-137&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;I Returned to AWS and Was Reminded Hard Why I Left&lt;/a&gt;: Account suspension, unresponsive support, hidden billing, exorbitant egress fees, and vendor lock-in — one dev's frustrating attempt to come back to AWS after years away by fourlightyears&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;cloud&lt;/em&gt;, &lt;em&gt;aws&lt;/em&gt;, &lt;em&gt;opinion&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;9 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://frontendmasters.com/blog/the-web-is-fun-again-first-experiments-with-html-in-canvas/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-137&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;HTML in Canvas&lt;/a&gt;: A new experimental API lets you put a layoutsubtree attribute on a canvas element to render real HTML inside it — opening up physics, distortion, and custom rendering effects on actual DOM content by Frontend Masters&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;frontend&lt;/em&gt;, &lt;em&gt;web&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;24 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://frontendmasters.com/blog/how-to-control-infinite-css-animations-part-1-of-2/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-137&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;How to Control Infinite CSS Animations&lt;/a&gt;: Combining and tweaking infinite CSS animations is harder than it looks — animation-composition property to the rescue by Frontend Masters&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;css&lt;/em&gt;, &lt;em&gt;frontend&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;13 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://handyai.substack.com/p/the-slop-cannons-in-your-engineering?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-137&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;The Slop Cannons In Your Engineering Org&lt;/a&gt;: A field guide to the engineer shipping huge AI-generated PRs they can't explain — confusing velocity for progress — with a manager's checklist for spotting and fixing the pattern by Jake Handy&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;engineering&lt;/em&gt;, &lt;em&gt;management&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;12 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://developer.chrome.com/blog/install-element-ot?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-137&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;A New HTML Element for Installing Web Apps&lt;/a&gt;: Chrome and Edge are testing a new install element that renders a trusted install button for PWAs with no JavaScript required — and how it compares to the Web Install API by Patrick Brosset&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;frontend&lt;/em&gt;, &lt;em&gt;web&lt;/em&gt;, &lt;em&gt;pwa&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;9 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://wasp.sh/blog/2026/05/13/new-language-for-web-dev-was-a-mistake?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-137&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;5 Years and $5M Later: Inventing a New Language for Web Dev Was a Mistake&lt;/a&gt;: The Wasp co-founder reflects on why building a custom programming language for web development was a mistake — too much friction with developer adoption and high IDE tooling maintenance costs — now transitioning to a TypeScript-based SDK by Wasp&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;engineering&lt;/em&gt;, &lt;em&gt;opinion&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;20 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://eugeneyan.com/writing/working-with-ai/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-137&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;How To Work and Compound With AI&lt;/a&gt;: Every finished artifact — code, docs, analysis, decisions — becomes context for the next AI session and each correction updates a config that reduces future errors — a practical guide to making AI work compound over time by Eugene Yan&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;productivity&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;14 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://martinfowler.com/articles/reduce-friction-ai/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-137&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Patterns For Reducing Friction In AI-Assisted Development&lt;/a&gt;: The practices that make pair programming effective — onboarding, design discussion, shared standards — apply equally to AI coding assistants — five patterns for shifting from correcting a tool to collaborating with a teammate by Rahul Garg&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;engineering&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;13 min read&lt;/small&gt;
&lt;/li&gt;
&lt;/ul&gt;



&lt;h2&gt;
  
  
  🧰 Tools
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://github.com/pierrecomputer/pierre?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-137&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Trees&lt;/a&gt;: Open-source library for high-performance file tree rendering in web apps — automatic virtualization for large datasets, built-in Git status indicators, and drag-and-drop support by pierre.computer&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;javascript&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/0xchasercat/mochi?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-137&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Mochi&lt;/a&gt;: High-fidelity browser automation library for the Bun runtime that prioritizes fingerprint consistency over simple randomization to bypass modern bot detection by 0xchasercat&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;bun&lt;/em&gt;, &lt;em&gt;automation&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://fontastic.space?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-137&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Fontastic Space&lt;/a&gt;: A font pairing playground that puts Google Fonts side by side, visualizes how each letterform behaves next to the others, and scores which combinations actually work by Fontastic&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;design&lt;/em&gt;, &lt;em&gt;fonts&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://griddyicons.com?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-137&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Griddy Icons&lt;/a&gt;: Free open-source icon family with a unique utilitarian vibe by Filip Gres, Zuzana Benova&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;design&lt;/em&gt;, &lt;em&gt;icons&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/Mnexa-AI/e2a?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-137&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;e2a&lt;/a&gt;: Authenticated email gateway for AI agents with SPF/DKIM verification and HMAC signatures — lets agents communicate with humans via cloud webhooks or WebSocket without needing public URLs by Mnexa-AI&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://smallbits.design/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-137&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Smallbits&lt;/a&gt;: Free set of 290+ pixel-style icons drawn on an 8x8 grid — available in Figma and SVG by Smallbits&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;design&lt;/em&gt;, &lt;em&gt;icons&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/pionxzh/wakaru?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-137&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Wakaru&lt;/a&gt;: Feed it minified bundled JavaScript and get readable source modules back — useful for code recovery, reverse-engineering, and security auditing, with an online playground by Pionxzh&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;javascript&lt;/em&gt;, &lt;em&gt;security&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/bluejs-team/Bluejs?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-137&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;BlueJS&lt;/a&gt;: Ahead-of-time JavaScript compiler that produces tiny native binaries — 5ms startup, 3.8MB peak memory, GUI app in 1.2MB by bluejs.dev&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;javascript&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/statewright/statewright?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-137&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Statewright&lt;/a&gt;: State machine guardrails that regulate AI agent tool access during workflow phases — narrows the problem space and increases coding benchmark success rates by Statewright&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/rohitg00/agentmemory?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-137&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;AgentMemory&lt;/a&gt;: Persistent long-term memory server for AI coding agents including Claude Code and Cursor — hybrid search across sessions reduces token consumption by over 90% by Rohit Ghumare&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/dventimisupabase/pg_flight_recorder?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-137&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;pg_flight_recorder&lt;/a&gt;: Pure SQL Postgres extension using pg_cron to continuously snapshot state — pg_stat_activity, locks, statements — giving you a rolling history of what was happening when things went wrong by Dmitry Ventin&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;postgres&lt;/em&gt;, &lt;em&gt;databases&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/alebeck/boring?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-137&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;boring&lt;/a&gt;: SSH tunnel manager that simplifies opening, persisting, and listing tunnels — supports TCP and sockets including a reverse SOCKS5 proxy, configured via TOML by Alexander Becker&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;cli&lt;/em&gt;, &lt;em&gt;ssh&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/JamieMason/syncpack?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-137&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Syncpack 15.0&lt;/a&gt;: CLI tool used by Electron, Cloudflare, and Vercel that finds and fixes dependency version mismatches across entire monorepos and enforces version policies — v15.0 adds pnpm and Bun catalog support and a default release age cooldown by Jamie Mason&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;javascript&lt;/em&gt;, &lt;em&gt;monorepo&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://www.mockdown.design/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-137&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Mockdown&lt;/a&gt;: Free browser-based ASCII wireframe editor for creating UI mockups, lo-fi prototypes, and text diagrams by Mockdown&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;design&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/orval-labs/orval?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-137&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Orval&lt;/a&gt;: Given an OpenAPI v3 or Swagger v2 spec, generate type-safe models, request functions, React Query hooks, and mocks for React, Vue, Svelte, and Solid — also generates server-side code by Victor Bury&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;typescript&lt;/em&gt;, &lt;em&gt;openapi&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;/ul&gt;



&lt;h2&gt;
  
  
  🤪 Fun
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://neal.fun/cursor-camp?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-137&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Cursor Camp&lt;/a&gt;: An interactive web experience from Neal.fun full of hidden goofy details to discover — cursors swimming in a lake, anyone? by Neal.fun&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;fun&lt;/em&gt;, &lt;em&gt;web&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;1 min read&lt;/small&gt;
&lt;/li&gt;
&lt;/ul&gt;



&lt;h2&gt;
  
  
  📺 Videos
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://www.youtube.com/watch?v=6moPS3AAbe4?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-137&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;TanStack Start vs Next.js with Tanner Linsley&lt;/a&gt;: A candid interview covering TanStack's business model, why Start exists alongside Next.js, and framework-agnostic thinking while still deeply focusing on React by Nuno Maduro&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;javascript&lt;/em&gt;, &lt;em&gt;react&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Want to read more? Check out the full article &lt;a href="https://weeklyfoo.com/foos/foo-137/" rel="noopener noreferrer"&gt;here&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;To sign up for the weekly newsletter, visit &lt;a href="https://weeklyfoo.com" rel="noopener noreferrer"&gt;weeklyfoo.com&lt;/a&gt;.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>weeklyfoo</category>
      <category>javascript</category>
      <category>node</category>
    </item>
    <item>
      <title>Terminal Comebacks, AI Reality Checks, and React Projections</title>
      <dc:creator>Adam</dc:creator>
      <pubDate>Fri, 15 May 2026 04:43:08 +0000</pubDate>
      <link>https://dev.to/urbanisierung/terminal-comebacks-ai-reality-checks-and-react-projections-41gi</link>
      <guid>https://dev.to/urbanisierung/terminal-comebacks-ai-reality-checks-and-react-projections-41gi</guid>
      <description>&lt;p&gt;&lt;a href="https://adventures.nodeland.dev/archive/why-trusted-publishing-can-t-save-us/" rel="noopener noreferrer"&gt;Matteo Collina&lt;/a&gt; opens this week with a blunt reminder: trusted publishing helps, but social engineering still walks through the front door if maintainers aren’t careful. Then &lt;a href="https://addyosmani.com/blog/cognitive-surrender/" rel="noopener noreferrer"&gt;Addy Osmani&lt;/a&gt;, &lt;a href="https://simonwillison.net/2026/May/6/vibe-coding-and-agentic-engineering/" rel="noopener noreferrer"&gt;Simon Willison&lt;/a&gt;, and &lt;a href="https://www.dbreunig.com/2026/05/04/10-lessons-for-agentic-coding.html" rel="noopener noreferrer"&gt;Drew Breunig&lt;/a&gt; pile on with the same message in different flavors — AI can move fast, but your engineering judgment still has to stay in the loop.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://wiki.alcidesfonseca.com/blog/why-tuis-are-back/" rel="noopener noreferrer"&gt;Alcides Fonseca&lt;/a&gt; makes the case for the terminal comeback tour, &lt;a href="https://ishadeed.com/article/range-syntax/" rel="noopener noreferrer"&gt;Ahmad Shadeed&lt;/a&gt; gives CSS range queries the practical guide they deserved, and &lt;a href="https://smashingmagazine.com/2026/05/architecture-local-first-web-development/" rel="noopener noreferrer"&gt;Smashing Magazine&lt;/a&gt; reframes local-first as a full architectural inversion, not just “offline mode with better branding.” Meanwhile, &lt;a href="https://tannerlinsley.com/posts/projecting-react" rel="noopener noreferrer"&gt;Tanner Linsley&lt;/a&gt; shows what happens when React’s API contract gets “projected” into a tiny faster runtime, and &lt;a href="https://blog.pragmaticengineer.com/the-pulse-ai-load-breaks-github/" rel="noopener noreferrer"&gt;The Pragmatic Engineer&lt;/a&gt; reminds everyone that AI-era traffic can break even giant platforms in very non-funny ways.&lt;/p&gt;

&lt;p&gt;And for teams trying to operationalize all this: &lt;a href="https://addyosmani.com/blog/agent-skills/" rel="noopener noreferrer"&gt;Addy’s Agent Skills&lt;/a&gt; argues for non-skippable discipline, &lt;a href="https://github.com/safishamsi/graphify" rel="noopener noreferrer"&gt;Graphify&lt;/a&gt; turns scattered context into a queryable knowledge graph, &lt;a href="https://github.com/mnfst/manifest" rel="noopener noreferrer"&gt;Manifest&lt;/a&gt; routes prompts across 300+ models without torching your budget, and &lt;a href="https://github.com/warpdotdev/warp" rel="noopener noreferrer"&gt;Warp Terminal&lt;/a&gt; going open source adds a little healthy pressure to the AI tool stack.&lt;/p&gt;

&lt;p&gt;Enjoy!&lt;/p&gt;

&lt;p&gt;Signup &lt;a href="https://weeklyfoo.com" rel="noopener noreferrer"&gt;here&lt;/a&gt; for the newsletter to get the weekly digest right into your inbox.&lt;/p&gt;

&lt;p&gt;Find the 13 highlighted links of &lt;a href="https://weeklyfoo.com" rel="noopener noreferrer"&gt;weeklyfoo&lt;/a&gt; #136:&lt;/p&gt;




&lt;p&gt;&lt;a href="https://addyosmani.com/blog/agent-skills/" rel="noopener noreferrer"&gt;&lt;h3&gt;Agent Skills&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by Addy Osmani&lt;/p&gt;

&lt;p&gt;AI coding agents skip the senior-engineering work unless you encode discipline as something they cannot talk themselves out of&lt;/p&gt;

&lt;p&gt;&lt;small&gt;🚀 Read it!, ai, engineering&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://adventures.nodeland.dev/archive/why-trusted-publishing-can-t-save-us/" rel="noopener noreferrer"&gt;&lt;h3&gt;Why Trusted Publishing Can’t Save Us from Social Engineering&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by Matteo Collina&lt;/p&gt;

&lt;p&gt;Unmasking the risky illusion of npm’s trusted publishing amidst recent cyber attacks.&lt;/p&gt;

&lt;p&gt;&lt;small&gt;📰 Good to know, npm, security&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://wiki.alcidesfonseca.com/blog/why-tuis-are-back/" rel="noopener noreferrer"&gt;&lt;h3&gt;Why TUIs Are Back&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by Alcides Fonseca&lt;/p&gt;

&lt;p&gt;Native GUI fragmentation and Electron bloat are driving a resurgence of Terminal User Interfaces — fast, automatable, and consistent across platforms&lt;/p&gt;

&lt;p&gt;&lt;small&gt;📰 Good to know, terminal, engineering&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://ishadeed.com/article/range-syntax/" rel="noopener noreferrer"&gt;&lt;h3&gt;CSS Range Queries&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by Ahmad Shadeed&lt;/p&gt;

&lt;p&gt;Interactive guide on why you should use range syntax in media queries instead of min/max — visual demos included&lt;/p&gt;

&lt;p&gt;&lt;small&gt;📰 Good to know, css, frontend&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://addyosmani.com/blog/cognitive-surrender/" rel="noopener noreferrer"&gt;&lt;h3&gt;Cognitive Surrender&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by Addy Osmani&lt;/p&gt;

&lt;p&gt;When AI output quietly becomes your output — engineers cross from cognitive offloading into cognitive surrender by borrowing AI confidence and treating it as their own&lt;/p&gt;

&lt;p&gt;&lt;small&gt;📰 Good to know, ai, engineering, opinion&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://simonwillison.net/2026/May/6/vibe-coding-and-agentic-engineering/" rel="noopener noreferrer"&gt;&lt;h3&gt;Vibe Coding and Agentic Engineering Are Getting Closer&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by Simon Willison&lt;/p&gt;

&lt;p&gt;AI blurs the line between casual and professional engineering as dependable agents lead experts to trust generated output over documentation and tests — human expertise remains essential for production systems&lt;/p&gt;

&lt;p&gt;&lt;small&gt;📰 Good to know, ai, engineering, opinion&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://smashingmagazine.com/2026/05/architecture-local-first-web-development/" rel="noopener noreferrer"&gt;&lt;h3&gt;The Architecture of Local-First Web Development&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by Smashing Magazine&lt;/p&gt;

&lt;p&gt;A paradigm shift where app data lives on the user's device — modern implementations use SQLite compiled to WebAssembly with sync engines handling conflict resolution&lt;/p&gt;

&lt;p&gt;&lt;small&gt;📰 Good to know, engineering, database&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://tannerlinsley.com/posts/projecting-react" rel="noopener noreferrer"&gt;&lt;h3&gt;Projecting React&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by Tanner Linsley&lt;/p&gt;

&lt;p&gt;Tanner Linsley spent a day prompting an AI agent to regenerate React's public API as a ~9KB runtime running 2-3x faster than stock React — shipped quietly and available on npm as @tanstack/redact&lt;/p&gt;

&lt;p&gt;&lt;small&gt;📰 Good to know, javascript, react, ai&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://blog.pragmaticengineer.com/the-pulse-ai-load-breaks-github/" rel="noopener noreferrer"&gt;&lt;h3&gt;AI Load Breaks GitHub – Why Not Other Vendors?&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by The Pragmatic Engineer&lt;/p&gt;

&lt;p&gt;Analysis of how AI-driven traffic overwhelmed GitHub infrastructure while other vendors avoided similar outages&lt;/p&gt;

&lt;p&gt;&lt;small&gt;📰 Good to know, engineering, ai&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://www.dbreunig.com/2026/05/04/10-lessons-for-agentic-coding.html" rel="noopener noreferrer"&gt;&lt;h3&gt;10 Lessons for Agentic Coding&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by Drew Breunig&lt;/p&gt;

&lt;p&gt;Durable practical guidelines for agentic coding with Codex, Claude Code, or any LLM coding agent — distilled from active experience tracking what sticks as models improve&lt;/p&gt;

&lt;p&gt;&lt;small&gt;📰 Good to know, ai, engineering&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://github.com/safishamsi/graphify" rel="noopener noreferrer"&gt;&lt;h3&gt;Graphify&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by Safi&lt;/p&gt;

&lt;p&gt;AI coding assistant skill (Claude Code, Codex, OpenCode, Cursor, Gemini CLI, and more). Turn any folder of code, SQL schemas, R scripts, shell scripts, docs, papers, images, or videos into a queryable knowledge graph. App code + database schema + infrastructure in one graph.&lt;/p&gt;

&lt;p&gt;&lt;small&gt;🧰 Tools, ai, skills&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://github.com/mnfst/manifest" rel="noopener noreferrer"&gt;&lt;h3&gt;Manifest&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by mnfst&lt;/p&gt;

&lt;p&gt;Open-source AI model router that intelligently redirects each query to the most suitable model — 300+ models across 16+ providers, reduces AI costs by up to 70%&lt;/p&gt;

&lt;p&gt;&lt;small&gt;🧰 Tools, ai, tools&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://github.com/warpdotdev/warp" rel="noopener noreferrer"&gt;&lt;h3&gt;Warp Terminal Open Source&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by Warp&lt;/p&gt;

&lt;p&gt;Warp's AI-native terminal, previously closed-source, is now open sourced under Apache 2.0&lt;/p&gt;

&lt;p&gt;&lt;small&gt;🧰 Tools, terminal, tools&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;Want to read more? Check out the full article &lt;a href="https://weeklyfoo.com/foos/foo-136/" rel="noopener noreferrer"&gt;here&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;To sign up for the weekly newsletter, visit &lt;a href="https://weeklyfoo.com" rel="noopener noreferrer"&gt;weeklyfoo.com&lt;/a&gt;.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>weeklyfoo</category>
      <category>javascript</category>
      <category>node</category>
    </item>
    <item>
      <title>Stay ahead in web development: latest news, tools, and insights #136</title>
      <dc:creator>Adam</dc:creator>
      <pubDate>Mon, 11 May 2026 04:51:17 +0000</pubDate>
      <link>https://dev.to/urbanisierung/stay-ahead-in-web-development-latest-news-tools-and-insights-136-1ajl</link>
      <guid>https://dev.to/urbanisierung/stay-ahead-in-web-development-latest-news-tools-and-insights-136-1ajl</guid>
      <description>&lt;p&gt;Signup &lt;a href="https://weeklyfoo.com" rel="noopener noreferrer"&gt;here&lt;/a&gt; for the newsletter to get the weekly digest right into your inbox.&lt;/p&gt;

&lt;p&gt;weeklyfoo #136 is here: your weekly digest of all webdev news you need to know! This time you'll find 36 valuable links in 4 categories! Enjoy!&lt;/p&gt;

&lt;h2&gt;
  
  
  🚀 Read it!
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://addyosmani.com/blog/agent-skills/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-136&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Agent Skills&lt;/a&gt;: AI coding agents skip the senior-engineering work unless you encode discipline as something they cannot talk themselves out of by Addy Osmani&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;engineering&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;13 min read&lt;/small&gt;
&lt;/li&gt;
&lt;/ul&gt;



&lt;h2&gt;
  
  
  📰 Good to know
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://adventures.nodeland.dev/archive/why-trusted-publishing-can-t-save-us/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-136&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Why Trusted Publishing Can’t Save Us from Social Engineering&lt;/a&gt;: Unmasking the risky illusion of npm’s trusted publishing amidst recent cyber attacks. by Matteo Collina&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;npm&lt;/em&gt;, &lt;em&gt;security&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;8 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://larsfaye.com/articles/agentic-coding-is-a-trap?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-136&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Agentic Coding Is a Trap&lt;/a&gt;: The shift toward agentic coding risks atrophying developers’ critical thinking and implementation skills while increasing complexity by Lars Faye&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;engineering&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;14 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://wiki.alcidesfonseca.com/blog/why-tuis-are-back/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-136&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Why TUIs Are Back&lt;/a&gt;: Native GUI fragmentation and Electron bloat are driving a resurgence of Terminal User Interfaces — fast, automatable, and consistent across platforms by Alcides Fonseca&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;terminal&lt;/em&gt;, &lt;em&gt;engineering&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;8 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://emilkowal.ski/ui/agents-with-taste?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-136&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Agents with Taste&lt;/a&gt;: Coding agents don’t know what great animations feel like — on the gap between AI leverage and visual judgment in frontend work by Emil Kowalski&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;frontend&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;5 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://wwj.dev/posts/i-am-worried-about-bun/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-136&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;I Am Worried About Bun&lt;/a&gt;: Post-Anthropic acquisition concerns about Bun’s future — the runtime remains excellent, but the worry is whether it gets the same enshittification seen in other developer tools by wwj.dev&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;javascript&lt;/em&gt;, &lt;em&gt;engineering&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;7 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://ishadeed.com/article/range-syntax/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-136&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;CSS Range Queries&lt;/a&gt;: Interactive guide on why you should use range syntax in media queries instead of min/max — visual demos included by Ahmad Shadeed&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;css&lt;/em&gt;, &lt;em&gt;frontend&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;6 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://academy.dair.ai/blog/wiki-builder-claude-code-plugin?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-136&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Wiki Builder&lt;/a&gt;: A Claude Code Plugin for Building LLM Knowledge Bases by Elvis Saravia&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;wiki&lt;/em&gt;, &lt;em&gt;knowledge&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;8 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://ethanding.substack.com/p/claude-code-is-not-making-your-product?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-136&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Claude Code Is Not Making Your Product Better&lt;/a&gt;: At the frontier, the bottleneck is taste — AI raises the floor for everyone but won’t help artisans create better products, only generic ones by E.T. Handing&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;engineering&lt;/em&gt;, &lt;em&gt;opinion&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;12 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://addyosmani.com/blog/cognitive-surrender/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-136&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Cognitive Surrender&lt;/a&gt;: When AI output quietly becomes your output — engineers cross from cognitive offloading into cognitive surrender by borrowing AI confidence and treating it as their own by Addy Osmani&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;engineering&lt;/em&gt;, &lt;em&gt;opinion&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;13 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://www.bytebase.com/blog/postgres-19-features-im-excited-about/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-136&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Postgres 19’s Most Exciting Features&lt;/a&gt;: An opinionated look at v19 highlights — pg_plan_advice, DDL extraction, online REPACK CONCURRENTLY, and observability improvements by Tianzhou&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;postgres&lt;/em&gt;, &lt;em&gt;database&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;13 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://x.com/Mnilax/status/2050261839653556522?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-136&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;I tracked 430 hours of Claude Code usage.&lt;/a&gt;: 73% was wasted on these 9 patterns. by Mnimiy&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;tokens&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;1 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://simonwillison.net/2026/May/6/vibe-coding-and-agentic-engineering/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-136&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Vibe Coding and Agentic Engineering Are Getting Closer&lt;/a&gt;: AI blurs the line between casual and professional engineering as dependable agents lead experts to trust generated output over documentation and tests — human expertise remains essential for production systems by Simon Willison&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;engineering&lt;/em&gt;, &lt;em&gt;opinion&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;10 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://smashingmagazine.com/2026/05/architecture-local-first-web-development/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-136&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;The Architecture of Local-First Web Development&lt;/a&gt;: A paradigm shift where app data lives on the user's device — modern implementations use SQLite compiled to WebAssembly with sync engines handling conflict resolution by Smashing Magazine&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;engineering&lt;/em&gt;, &lt;em&gt;database&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;35 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://tannerlinsley.com/posts/projecting-react?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-136&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Projecting React&lt;/a&gt;: Tanner Linsley spent a day prompting an AI agent to regenerate React's public API as a ~9KB runtime running 2-3x faster than stock React — shipped quietly and available on npm as @tanstack/redact by Tanner Linsley&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;javascript&lt;/em&gt;, &lt;em&gt;react&lt;/em&gt;, &lt;em&gt;ai&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;18 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://evilmartians.com/chronicles/from-react-to-native-web-with-nanotags-a-migration-that-saved-100kb?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-136&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;From React to Web Components: A Migration That Saved 100KB&lt;/a&gt;: Migrating a site from React to native Web Components led to patterns that grew into the nanotags library — 100KB lighter with better performance by Pavel Grinchenko (Evil Martians)&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;javascript&lt;/em&gt;, &lt;em&gt;frontend&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;15 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://blog.pragmaticengineer.com/the-pulse-ai-load-breaks-github/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-136&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;AI Load Breaks GitHub – Why Not Other Vendors?&lt;/a&gt;: Analysis of how AI-driven traffic overwhelmed GitHub infrastructure while other vendors avoided similar outages by The Pragmatic Engineer&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;engineering&lt;/em&gt;, &lt;em&gt;ai&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;16 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://www.dbreunig.com/2026/05/04/10-lessons-for-agentic-coding.html?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-136&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;10 Lessons for Agentic Coding&lt;/a&gt;: Durable practical guidelines for agentic coding with Codex, Claude Code, or any LLM coding agent — distilled from active experience tracking what sticks as models improve by Drew Breunig&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;engineering&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;4 min read&lt;/small&gt;
&lt;/li&gt;
&lt;/ul&gt;



&lt;h2&gt;
  
  
  🧰 Tools
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://github.com/safishamsi/graphify?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-136&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Graphify&lt;/a&gt;: AI coding assistant skill (Claude Code, Codex, OpenCode, Cursor, Gemini CLI, and more). Turn any folder of code, SQL schemas, R scripts, shell scripts, docs, papers, images, or videos into a queryable knowledge graph. App code + database schema + infrastructure in one graph. by Safi&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;skills&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://acai.sh/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-136&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Acai&lt;/a&gt;: Spec-driven software development toolkit with a feature.yaml format, CLI, and dashboard for tracking requirements from spec to code to tests by acai.sh&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;engineering&lt;/em&gt;, &lt;em&gt;cli&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/lahfir/agent-desktop?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-136&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Agent Desktop&lt;/a&gt;: Native desktop automation CLI for AI agents — 53 commands using OS accessibility trees, structured JSON output, no screenshots needed by lahfir&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;cli&lt;/em&gt;, &lt;em&gt;automation&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/mnfst/manifest?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-136&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Manifest&lt;/a&gt;: Open-source AI model router that intelligently redirects each query to the most suitable model — 300+ models across 16+ providers, reduces AI costs by up to 70% by mnfst&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/withastro/flue?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-136&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Flue&lt;/a&gt;: Experimental TypeScript framework for building headless AI agents using a runtime-agnostic harness — define agent logic and context through Markdown files with minimal code by Astro&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;typescript&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/sjjian/openhare?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-136&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Openhare&lt;/a&gt;: AI-powered cross-platform desktop SQL client for querying and exploring databases by Sun Jian&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;database&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/cloudflare/agentic-inbox?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-136&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Agentic Inbox&lt;/a&gt;: Self-hosted React 19 and React Router 7 web email app built heavily on Cloudflare APIs — open sourced by Cloudflare&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;, &lt;em&gt;github&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/open-circle/formisch?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-136&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Formisch&lt;/a&gt;: Modular, type-safe, framework-agnostic form library for JavaScript by open-circle&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;javascript&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://misery.co/shaderpad/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-136&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;ShaderPad&lt;/a&gt;: Lightweight dependency-free WebGL shader library for embedding creative shader effects on any page — no boilerplate by Riley J. Shaw&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;webgl&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/rogerwelin/pg_column_tetris?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-136&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;pg_column_tetris&lt;/a&gt;: Postgres extension that enforces optimal column alignment to minimize row padding waste — shows bytes lost to padding or blocks inefficient table creation by Roger Welin&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;postgres&lt;/em&gt;, &lt;em&gt;database&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/alexgreensh/token-optimizer?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-136&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Token Optimizer&lt;/a&gt;: Find the ghost tokens. Fix them. Survive compaction. Avoid context quality decay. by Alex Greenshpun&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;tokens&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/warpdotdev/warp?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-136&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Warp Terminal Open Source&lt;/a&gt;: Warp's AI-native terminal, previously closed-source, is now open sourced under Apache 2.0 by Warp&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;terminal&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/six-ddc/plow?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-136&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Plow&lt;/a&gt;: HTTP benchmarking tool with real-time terminal stats, configurable concurrency and ramp-up, JSON output, and a web UI by six-ddc&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;tools&lt;/em&gt;, &lt;em&gt;cli&lt;/em&gt;, &lt;em&gt;performance&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/vercel-labs/deepsec?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-136&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;deepsec&lt;/a&gt;: Agent-powered vulnerability scanning for codebases — from Vercel Labs by Vercel Labs&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;security&lt;/em&gt;, &lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/vercel-labs/open-agents?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-136&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Open Agents&lt;/a&gt;: Open-source three-layer framework for deploying durable background coding agents that run multi-step processes independently of a single request lifecycle, with tools for file management and GitHub PR automation by Vercel Labs&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;, &lt;em&gt;github&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://tsz.dev/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-136&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;tsz&lt;/a&gt;: WIP Rust-based TypeScript compiler claiming to outperform tsgo — community watching if it becomes TypeScript 8 by tsz.dev&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;typescript&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/strukto-ai/mirage?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-136&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Mirage&lt;/a&gt;: Unified virtual file system that lets AI agents interact with S3, Google Drive, Slack, and more through a single directory tree via standard Unix-like commands by strukto-ai&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;/ul&gt;



&lt;h2&gt;
  
  
  🤪 Fun
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://franktisellano.github.io/datatype/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-136&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Datatype, font&lt;/a&gt;: Variable font that turns text characters into charts and data visualizations by Frank Tisellano&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;design&lt;/em&gt;, &lt;em&gt;fun&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;3 min read&lt;/small&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Want to read more? Check out the full article &lt;a href="https://weeklyfoo.com/foos/foo-136/" rel="noopener noreferrer"&gt;here&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;To sign up for the weekly newsletter, visit &lt;a href="https://weeklyfoo.com" rel="noopener noreferrer"&gt;weeklyfoo.com&lt;/a&gt;.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>weeklyfoo</category>
      <category>javascript</category>
      <category>node</category>
    </item>
    <item>
      <title>10x TypeScript, Intent Debt, and Patch That Kernel</title>
      <dc:creator>Adam</dc:creator>
      <pubDate>Fri, 08 May 2026 04:43:24 +0000</pubDate>
      <link>https://dev.to/urbanisierung/10x-typescript-intent-debt-and-patch-that-kernel-18pc</link>
      <guid>https://dev.to/urbanisierung/10x-typescript-intent-debt-and-patch-that-kernel-18pc</guid>
      <description>&lt;p&gt;&lt;a href="https://devblogs.microsoft.com/typescript/announcing-typescript-7-0-beta/" rel="noopener noreferrer"&gt;TypeScript 7.0 Beta&lt;/a&gt; drops with a Go-powered rewrite and roughly 10x compiler performance — your morning coffee break just got a lot shorter.&lt;/p&gt;

&lt;p&gt;The AI discourse this week is having an identity crisis. &lt;a href="https://martinfowler.com/articles/structured-prompt-driven/" rel="noopener noreferrer"&gt;Martin Fowler&lt;/a&gt; argues that treating prompts as first-class, version-controlled artifacts is the next maturity leap for LLM-assisted development. &lt;a href="https://timkellogg.me/blog/2026/04/27/memory-patterns" rel="noopener noreferrer"&gt;Tim Kellogg&lt;/a&gt; maps out three mutable agent memory types — Files, Memory Blocks, and Skills — and why editable memory is the real unlock. Simme introduces "&lt;a href="https://simme.dev/posts/the-end-of-just-ask-sarah/" rel="noopener noreferrer"&gt;intent debt&lt;/a&gt;" — the hidden cost of deploying agents without documenting what they're actually supposed to do — while &lt;a href="https://www.epicproduct.engineer/the-last-software-engineer" rel="noopener noreferrer"&gt;The Last Software Engineer&lt;/a&gt; argues that when agents handle all implementation, judgment is all that's left. And &lt;a href="https://newsletter.pragmaticengineer.com/p/building-pi-and-what-makes-self-modifying" rel="noopener noreferrer"&gt;Mario Zechner and Armin Ronacher&lt;/a&gt;, who actually shipped production agentic systems, are walking back their own enthusiasm: junior engineers still win on value.&lt;/p&gt;

&lt;p&gt;Security corner: &lt;a href="https://nesbitt.io/2026/04/28/github-actions-is-the-weakest-link.html" rel="noopener noreferrer"&gt;Andrew Nesbitt&lt;/a&gt; shows how insecure Actions defaults make GitHub CI the weakest link in your supply chain, and &lt;a href="https://copy.fail/" rel="noopener noreferrer"&gt;CVE-2026-31431&lt;/a&gt; is a Linux kernel privilege escalation hiding since 2017 — any unprivileged user, Python script, root access. Patch now.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://stripe.dev/blog/selective-test-execution-at-stripe-fast-ci-for-a-50m-line-ruby-monorepo" rel="noopener noreferrer"&gt;Stripe&lt;/a&gt; runs 5% of tests per CI build in a 50M-line monorepo using C++ file-access tracking. If your test suite runs everything on every PR, this one should sting a little. &lt;a href="https://www.joshwcomeau.com/animation/scroll-driven-animations/" rel="noopener noreferrer"&gt;Josh Comeau&lt;/a&gt; returns with the definitive guide to CSS scroll-driven animations — no JavaScript, no excuses.&lt;/p&gt;

&lt;p&gt;On tools: &lt;a href="https://github.com/dirac-run/dirac" rel="noopener noreferrer"&gt;Dirac&lt;/a&gt; cuts AI coding agent API costs by 64.8% using AST manipulation, and &lt;a href="https://github.com/PerryTS/perry" rel="noopener noreferrer"&gt;Perry&lt;/a&gt; compiles TypeScript straight to native executables without a runtime dependency.&lt;/p&gt;

&lt;p&gt;Enjoy!&lt;/p&gt;

&lt;p&gt;Signup &lt;a href="https://weeklyfoo.com" rel="noopener noreferrer"&gt;here&lt;/a&gt; for the newsletter to get the weekly digest right into your inbox.&lt;/p&gt;

&lt;p&gt;Find the 12 highlighted links of &lt;a href="https://weeklyfoo.com" rel="noopener noreferrer"&gt;weeklyfoo&lt;/a&gt; #135:&lt;/p&gt;




&lt;p&gt;&lt;a href="https://martinfowler.com/articles/structured-prompt-driven/" rel="noopener noreferrer"&gt;&lt;h3&gt;Structured Prompt-Driven Development&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by Martin Fowler&lt;/p&gt;

&lt;p&gt;Treating AI prompts as first-class version-controlled artifacts to make LLM-assisted changes governable, reviewable, and reusable&lt;/p&gt;

&lt;p&gt;&lt;small&gt;🚀 Read it!, ai, engineering, prompting&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://stripe.dev/blog/selective-test-execution-at-stripe-fast-ci-for-a-50m-line-ruby-monorepo" rel="noopener noreferrer"&gt;&lt;h3&gt;Selective Test Execution at Stripe&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by Stripe Engineering&lt;/p&gt;

&lt;p&gt;How Stripe runs only 5% of tests per CI build in a 50M-line Ruby monorepo — C++ file access tracking selects exactly which tests to run based on changed code paths&lt;/p&gt;

&lt;p&gt;&lt;small&gt;📰 Good to know, engineering, ci, testing&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://timkellogg.me/blog/2026/04/27/memory-patterns" rel="noopener noreferrer"&gt;&lt;h3&gt;Agent Memory Patterns&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by Tim Kellogg&lt;/p&gt;

&lt;p&gt;The three types of mutable memory for agents — Files, Memory Blocks, and Skills — and how editable memory makes agents dramatically more capable&lt;/p&gt;

&lt;p&gt;&lt;small&gt;📰 Good to know, ai, agents&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://devblogs.microsoft.com/typescript/announcing-typescript-7-0-beta/" rel="noopener noreferrer"&gt;&lt;h3&gt;TypeScript 7.0 Beta: 10x Faster Compilation&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by Microsoft&lt;/p&gt;

&lt;p&gt;The Go-powered TypeScript port in beta — about 10x faster compiler performance, already close to production-ready&lt;/p&gt;

&lt;p&gt;&lt;small&gt;📰 Good to know, typescript, javascript&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://nesbitt.io/2026/04/28/github-actions-is-the-weakest-link.html" rel="noopener noreferrer"&gt;&lt;h3&gt;GitHub Actions Is the Weakest Link&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by Andrew Nesbitt&lt;/p&gt;

&lt;p&gt;How insecure defaults make Actions a major supply chain attack vector — and what maintainers can do today without waiting for GitHub to fix the defaults&lt;/p&gt;

&lt;p&gt;&lt;small&gt;📰 Good to know, security, ci, supply-chain&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://www.joshwcomeau.com/animation/scroll-driven-animations/" rel="noopener noreferrer"&gt;&lt;h3&gt;Scroll-Driven Animations&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by Josh W. Comeau&lt;/p&gt;

&lt;p&gt;Deep dive into the new CSS animation-timeline API for native scroll-driven animations without JavaScript&lt;/p&gt;

&lt;p&gt;&lt;small&gt;📰 Good to know, css, frontend, animation&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://newsletter.pragmaticengineer.com/p/building-pi-and-what-makes-self-modifying" rel="noopener noreferrer"&gt;&lt;h3&gt;Building Pi and What Makes Self-Modifying Software Fascinating&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by Gergely Orosz&lt;/p&gt;

&lt;p&gt;Mario Zechner and Armin Ronacher on automation bias, declining AI code quality, and why junior engineers are more valuable than AI agents&lt;/p&gt;

&lt;p&gt;&lt;small&gt;📰 Good to know, ai, agents, engineering, opinion&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://www.epicproduct.engineer/the-last-software-engineer" rel="noopener noreferrer"&gt;&lt;h3&gt;The Last Software Engineer&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by Epic Product Engineer&lt;/p&gt;

&lt;p&gt;As AI agents automate implementation, engineering value shifts to judgment — what to build and why, and owning the consequences of those decisions&lt;/p&gt;

&lt;p&gt;&lt;small&gt;📰 Good to know, ai, engineering, opinion&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://simme.dev/posts/the-end-of-just-ask-sarah/" rel="noopener noreferrer"&gt;&lt;h3&gt;The End of Just Ask Sarah&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by Simme&lt;/p&gt;

&lt;p&gt;AI agents only know their context window — the shift from human institutional memory to explicit machine-readable docs reveals a new kind of technical debt called intent debt&lt;/p&gt;

&lt;p&gt;&lt;small&gt;📰 Good to know, ai, agents, documentation&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://copy.fail/" rel="noopener noreferrer"&gt;&lt;h3&gt;Copy Fail (CVE-2026-31431)&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by security researchers&lt;/p&gt;

&lt;p&gt;Critical Linux kernel flaw since 2017 — unprivileged local users gain root access via a Python script, posing severe risk to container clusters without kernel update or disabling algif_aead&lt;/p&gt;

&lt;p&gt;&lt;small&gt;📰 Good to know, security, linux&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://github.com/dirac-run/dirac" rel="noopener noreferrer"&gt;&lt;h3&gt;Dirac&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by dirac-run&lt;/p&gt;

&lt;p&gt;Open-source AI coding agent for VS Code and CLI that cuts API costs by 64.8% through AST manipulation and optimized context curation&lt;/p&gt;

&lt;p&gt;&lt;small&gt;🧰 Tools, ai, coding, tools&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://github.com/PerryTS/perry" rel="noopener noreferrer"&gt;&lt;h3&gt;Perry&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by perryts&lt;/p&gt;

&lt;p&gt;Cross-platform TypeScript compiler that compiles directly to native executables without a runtime&lt;/p&gt;

&lt;p&gt;&lt;small&gt;🧰 Tools, typescript, tools&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;Want to read more? Check out the full article &lt;a href="https://weeklyfoo.com/foos/foo-135/" rel="noopener noreferrer"&gt;here&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;To sign up for the weekly newsletter, visit &lt;a href="https://weeklyfoo.com" rel="noopener noreferrer"&gt;weeklyfoo.com&lt;/a&gt;.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>weeklyfoo</category>
      <category>javascript</category>
      <category>node</category>
    </item>
    <item>
      <title>Stay ahead in web development: latest news, tools, and insights #135</title>
      <dc:creator>Adam</dc:creator>
      <pubDate>Mon, 04 May 2026 04:47:14 +0000</pubDate>
      <link>https://dev.to/urbanisierung/stay-ahead-in-web-development-latest-news-tools-and-insights-135-589i</link>
      <guid>https://dev.to/urbanisierung/stay-ahead-in-web-development-latest-news-tools-and-insights-135-589i</guid>
      <description>&lt;p&gt;Signup &lt;a href="https://weeklyfoo.com" rel="noopener noreferrer"&gt;here&lt;/a&gt; for the newsletter to get the weekly digest right into your inbox.&lt;/p&gt;

&lt;p&gt;weeklyfoo #135 is here: your weekly digest of all webdev news you need to know! This time you'll find 35 valuable links in 4 categories! Enjoy!&lt;/p&gt;

&lt;h2&gt;
  
  
  🚀 Read it!
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://martinfowler.com/articles/structured-prompt-driven/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-135&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Structured Prompt-Driven Development&lt;/a&gt;: Treating AI prompts as first-class version-controlled artifacts to make LLM-assisted changes governable, reviewable, and reusable by Martin Fowler&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;engineering&lt;/em&gt;, &lt;em&gt;prompting&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;37 min read&lt;/small&gt;
&lt;/li&gt;
&lt;/ul&gt;



&lt;h2&gt;
  
  
  📰 Good to know
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://stripe.dev/blog/selective-test-execution-at-stripe-fast-ci-for-a-50m-line-ruby-monorepo?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-135&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Selective Test Execution at Stripe&lt;/a&gt;: How Stripe runs only 5% of tests per CI build in a 50M-line Ruby monorepo — C++ file access tracking selects exactly which tests to run based on changed code paths by Stripe Engineering&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;engineering&lt;/em&gt;, &lt;em&gt;ci&lt;/em&gt;, &lt;em&gt;testing&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;2 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://samhenri.gold/blog/20260418-claude-design/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-135&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Thoughts and Feelings Around Claude Design&lt;/a&gt;: Figma's locked-down format kept it out of AI training data while LLMs learned code — the source of truth is shifting back to code, making Figma look pre-AI by Sam Henri Gold&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;design&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;7 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://muffin.ink/blog/scratch-svg-sanitization/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-135&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;The Woes of Sanitizing SVGs&lt;/a&gt;: How Scratch's repeated manual SVG sanitization failures led to XSS and HTTP leaks — and why iframe+CSP sandboxing is the only sustainable path by muffin&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;security&lt;/em&gt;, &lt;em&gt;frontend&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;16 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://timkellogg.me/blog/2026/04/27/memory-patterns?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-135&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Agent Memory Patterns&lt;/a&gt;: The three types of mutable memory for agents — Files, Memory Blocks, and Skills — and how editable memory makes agents dramatically more capable by Tim Kellogg&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;agents&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;8 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://www.anthropic.com/research/AI-fluency-index?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-135&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;AI Fluency Index&lt;/a&gt;: Anthropic studied 9,830 Claude conversations and identified 24 fluency behaviors — only 30% of users set collaboration terms upfront, showing most are stuck at the prompt-and-fix level by Anthropic&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;research&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;14 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://newsletter.pragmaticengineer.com/p/ubuntu-and-ai?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-135&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;How AI Is Changing Operating Systems&lt;/a&gt;: Ubuntu's approach to AI hardware enablement — native CUDA packaging, NPU support, x86_64 architecture variants, and early plans for agentic workflows at the OS level by Gergely Orosz&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;engineering&lt;/em&gt;, &lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;linux&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;14 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://devblogs.microsoft.com/typescript/announcing-typescript-7-0-beta/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-135&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;TypeScript 7.0 Beta: 10x Faster Compilation&lt;/a&gt;: The Go-powered TypeScript port in beta — about 10x faster compiler performance, already close to production-ready by Microsoft&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;typescript&lt;/em&gt;, &lt;em&gt;javascript&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;20 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://nesbitt.io/2026/04/28/github-actions-is-the-weakest-link.html?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-135&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;GitHub Actions Is the Weakest Link&lt;/a&gt;: How insecure defaults make Actions a major supply chain attack vector — and what maintainers can do today without waiting for GitHub to fix the defaults by Andrew Nesbitt&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;security&lt;/em&gt;, &lt;em&gt;ci&lt;/em&gt;, &lt;em&gt;supply-chain&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;12 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://www.joshwcomeau.com/animation/scroll-driven-animations/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-135&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Scroll-Driven Animations&lt;/a&gt;: Deep dive into the new CSS animation-timeline API for native scroll-driven animations without JavaScript by Josh W. Comeau&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;css&lt;/em&gt;, &lt;em&gt;frontend&lt;/em&gt;, &lt;em&gt;animation&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;20 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://mitchellh.com/writing/ghostty-leaving-github?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-135&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Why Ghostty Is Leaving GitHub&lt;/a&gt;: Mitchell Hashimoto moves Ghostty off GitHub after 18 years due to frequent outages affecting professional collaboration by Mitchell Hashimoto&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;tools&lt;/em&gt;, &lt;em&gt;engineering&lt;/em&gt;, &lt;em&gt;opinion&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;5 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://neciudan.dev/whats-new-in-javascript?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-135&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;What's Actually New in JavaScript&lt;/a&gt;: All the useful features from ES2025 and ES2026 in one place: iterator helpers, Promise.try, Map.getOrInsert, Temporal, and more by Neciu Dan&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;javascript&lt;/em&gt;, &lt;em&gt;frontend&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;35 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://newsletter.pragmaticengineer.com/p/building-pi-and-what-makes-self-modifying?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-135&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Building Pi and What Makes Self-Modifying Software Fascinating&lt;/a&gt;: Mario Zechner and Armin Ronacher on automation bias, declining AI code quality, and why junior engineers are more valuable than AI agents by Gergely Orosz&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;agents&lt;/em&gt;, &lt;em&gt;engineering&lt;/em&gt;, &lt;em&gt;opinion&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;9 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://piccalil.li/blog/the-end-of-responsive-images/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-135&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;The End of Responsive Images&lt;/a&gt;: Mat Marquis reflects on 14 years of srcset/sizes headaches — the new sizes=auto for lazy-loaded images is now cross-browser and eliminates manual calculations entirely by Mat Marquis&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;css&lt;/em&gt;, &lt;em&gt;frontend&lt;/em&gt;, &lt;em&gt;responsive&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;20 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://frontendmasters.com/blog/constructable-stylesheets-and-adoptedstylesheets-one-parse-every-shadow-root/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-135&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Constructable Stylesheets and adoptedStyleSheets: One Parse, Every Shadow Root&lt;/a&gt;: Create CSSStyleSheet objects in JavaScript and share them across Shadow DOM — parse CSS once per component class instead of per element by Rob Levin&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;css&lt;/em&gt;, &lt;em&gt;web-components&lt;/em&gt;, &lt;em&gt;frontend&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;14 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://saschb2b.com/blog/react-compiler-year-in-review?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-135&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;React Compiler at 18 Months&lt;/a&gt;: Eighteen months in, the compiler's real wins are eliminating forgotten-dependency bugs and missing memos — not benchmark speedups. Adoption blockers in brownfield apps and what's next by Sascha Bäuerlein&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;react&lt;/em&gt;, &lt;em&gt;javascript&lt;/em&gt;, &lt;em&gt;engineering&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;12 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://www.epicproduct.engineer/the-last-software-engineer?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-135&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;The Last Software Engineer&lt;/a&gt;: As AI agents automate implementation, engineering value shifts to judgment — what to build and why, and owning the consequences of those decisions by Epic Product Engineer&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;engineering&lt;/em&gt;, &lt;em&gt;opinion&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;10 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://simme.dev/posts/the-end-of-just-ask-sarah/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-135&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;The End of Just Ask Sarah&lt;/a&gt;: AI agents only know their context window — the shift from human institutional memory to explicit machine-readable docs reveals a new kind of technical debt called intent debt by Simme&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;agents&lt;/em&gt;, &lt;em&gt;documentation&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;8 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://copy.fail/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-135&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Copy Fail (CVE-2026-31431)&lt;/a&gt;: Critical Linux kernel flaw since 2017 — unprivileged local users gain root access via a Python script, posing severe risk to container clusters without kernel update or disabling algif_aead by security researchers&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;security&lt;/em&gt;, &lt;em&gt;linux&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;5 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://deno.com/blog/fresh-2.3?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-135&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Fresh 2.3&lt;/a&gt;: Deno's full-stack framework gains first-class WebSocket support, ships zero JS for static pages, and adds one-attribute View Transitions API integration by Bartek Iwańczuk&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;javascript&lt;/em&gt;, &lt;em&gt;deno&lt;/em&gt;, &lt;em&gt;frontend&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;10 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://blog.pragmaticengineer.com/the-pulse-token-spend-breaks-budgets-what-next/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-135&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;The Pulse: Token Spend Breaks Budgets&lt;/a&gt;: Companies are hitting AI token budget overruns and switching strategies — from real-time measurement to cheaper models and local alternatives by Gergely Orosz&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;engineering&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;17 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://www.theregister.com/2026/04/30/mozilla_pushes_back_against_googles/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-135&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Firefox Maker Pushes Back Against Google's Prompt API&lt;/a&gt;: Mozilla argues Chrome's built-in LLM Prompt API harms web interoperability and neutrality — the API lets web pages directly prompt a browser-provided language model by Mozilla&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;browser&lt;/em&gt;, &lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;standards&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;11 min read&lt;/small&gt;
&lt;/li&gt;
&lt;/ul&gt;



&lt;h2&gt;
  
  
  🧰 Tools
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://aimac.ai/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-135&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;AIMAC&lt;/a&gt;: Tests 43 AI models by prompting them to build web pages and auditing the output for accessibility violations by AIMAC&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;accessibility&lt;/em&gt;, &lt;em&gt;testing&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/ai-boost/awesome-harness-engineering?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-135&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Awesome Harness Engineering&lt;/a&gt;: Awesome list for AI agent harness engineering: tools, patterns, evals, memory, MCP, permissions, observability, and orchestration. by ai-boost&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/mattpocock/skills?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-135&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Skills&lt;/a&gt;: Skills for Real Engineers. Straight from my .claude directory. by Matt Pocock&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;skills&lt;/em&gt;, &lt;em&gt;ai&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/nex-crm/wuphf?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-135&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;wuphf&lt;/a&gt;: Slack for AI employees that build and maintain their own wiki. Get Claudes, Codexes, OpenClaws and local LLMs to collaborate and do your work autonomously while never losing context. by wuphf.team&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;agents&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/dirac-run/dirac?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-135&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Dirac&lt;/a&gt;: Open-source AI coding agent for VS Code and CLI that cuts API costs by 64.8% through AST manipulation and optimized context curation by dirac-run&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;coding&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/badlogic/pi-mono?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-135&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Pi&lt;/a&gt;: Minimalist self-modifying AI coding agent built for stability — designed because Claude Code became unpredictable as features accumulated by Mario Zechner&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;agents&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/russellromney/honker?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-135&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Honker&lt;/a&gt;: Postgres NOTIFY/LISTEN semantics for SQLite — low-latency cross-process events without a daemon or broker by Russell Romney&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;databases&lt;/em&gt;, &lt;em&gt;sqlite&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/Fission-AI/OpenSpec?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-135&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;OpenSpec&lt;/a&gt;: Spec-driven development framework that adds a lightweight specification layer between humans and AI coding assistants — align on requirements before any code is written by Fission AI&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;, &lt;em&gt;github&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/PerryTS/perry?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-135&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Perry&lt;/a&gt;: Cross-platform TypeScript compiler that compiles directly to native executables without a runtime by perryts&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;typescript&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/NahimNasser/pu?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-135&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Pu.sh&lt;/a&gt;: Minimalist coding-agent harness in 400 lines of shell script — a lightweight alternative to heavier AI coding frameworks by pu.sh&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;agents&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;/ul&gt;



&lt;h2&gt;
  
  
  📺 Videos
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://x.com/av1dlive/status/2046884921713856834?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-135&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Prompting 101&lt;/a&gt;: Anthropic's applied AI team just showed how to actually prompt Claude properly. by Hannah Moran, Christian Ryan&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;anthropic&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://youtu.be/KPDXMtmkcgk?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-135&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Design at Scale at Ramp&lt;/a&gt;: Diego Zaks on how Ramp uses AI at 1,500 people — 99.5% daily usage, 1,500 internal apps in six weeks, non-engineers writing 12% of production code by UX Tools&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;design&lt;/em&gt;, &lt;em&gt;agents&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://youtu.be/LP7ywsMuxmc?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-135&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;OpenClaw for Designers&lt;/a&gt;: Tommy's walkthrough of his AI agent harness for designers — SOUL.md, USER.md, MCP connections to Figma and Slack, and what it actually costs to run a self-improving design stack by UX Tools&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;design&lt;/em&gt;, &lt;em&gt;agents&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Want to read more? Check out the full article &lt;a href="https://weeklyfoo.com/foos/foo-135/" rel="noopener noreferrer"&gt;here&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;To sign up for the weekly newsletter, visit &lt;a href="https://weeklyfoo.com" rel="noopener noreferrer"&gt;weeklyfoo.com&lt;/a&gt;.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>weeklyfoo</category>
      <category>javascript</category>
      <category>node</category>
    </item>
    <item>
      <title>Agent Vaults, Slop Cops, and No More PRs</title>
      <dc:creator>Adam</dc:creator>
      <pubDate>Fri, 01 May 2026 05:13:28 +0000</pubDate>
      <link>https://dev.to/urbanisierung/agent-vaults-slop-cops-and-no-more-prs-42ml</link>
      <guid>https://dev.to/urbanisierung/agent-vaults-slop-cops-and-no-more-prs-42ml</guid>
      <description>&lt;p&gt;The theme this week writes itself: AI agents are running production systems, they're getting faster to deploy, they're occasionally breaking in, and someone finally built a lockbox for your API keys.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://addyo.substack.com/p/the-agent-stack-bet" rel="noopener noreferrer"&gt;Addy Osmani&lt;/a&gt; charts four architectural bets for the next generation of agentic systems. &lt;a href="https://blog.cloudflare.com/internal-ai-engineering-stack/" rel="noopener noreferrer"&gt;Cloudflare&lt;/a&gt; shares actual numbers: 93% of their R&amp;amp;D now uses AI tools built on their own platform, pushing weekly merge requests from 5,600 to over 8,700 — the most concrete productivity benchmark any major infrastructure company has published. &lt;a href="https://slack.engineering/managing-context-in-long-run-agentic-applications/" rel="noopener noreferrer"&gt;Slack Engineering&lt;/a&gt; rounds it out with the hardest problem: keeping long-running agents on-mission without context drift.&lt;/p&gt;

&lt;p&gt;The security picture is getting complicated. The &lt;a href="https://vercel.com/kb/bulletin/vercel-april-2026-security-incident" rel="noopener noreferrer"&gt;Vercel April 2026 incident&lt;/a&gt; is essential reading — a compromised third-party AI tool gave attackers access to sensitive customer data, and Guillermo explicitly called out the role of AI in accelerating the attack. &lt;a href="https://github.com/Infisical/agent-vault" rel="noopener noreferrer"&gt;Agent Vault&lt;/a&gt; from Infisical is the direct response: an open-source HTTP credential proxy that prevents AI agents from ever directly touching your API keys, blocking both accidental exfiltration and prompt injection at the network layer.&lt;/p&gt;

&lt;p&gt;Meanwhile, the ecosystem is quietly reshuffling. &lt;a href="https://dpc.pw/posts/i-dont-want-your-prs-anymore/" rel="noopener noreferrer"&gt;One open-source maintainer&lt;/a&gt; is no longer accepting external PRs — LLM-generated code only, human contributions redirected to feedback and architecture. &lt;a href="https://evilmartians.com/chronicles/how-to-make-your-website-visible-to-llms" rel="noopener noreferrer"&gt;Evil Martians&lt;/a&gt; maps which LLM discoverability techniques actually work versus the eight that sound plausible but don't. &lt;a href="https://frontendmasters.com/blog/ai-generated-ui-is-inaccessible-by-default/" rel="noopener noreferrer"&gt;Frontend Masters&lt;/a&gt; delivers the accessibility wake-up call: AI-generated UI looks right but fails screen readers, optimizing for visual fidelity while ignoring the accessibility tree entirely.&lt;/p&gt;

&lt;p&gt;On tools: &lt;a href="https://rspack.rs/blog/announcing-2-0" rel="noopener noreferrer"&gt;Rspack 2.0&lt;/a&gt; ships meaningful Rust-powered build performance without touching your existing webpack config, &lt;a href="https://github.com/awnist/slop-cop" rel="noopener noreferrer"&gt;Slop Cop&lt;/a&gt; catches LLM prose patterns before your writing sounds like everyone else's AI output, and &lt;a href="https://github.com/endevco/aube" rel="noopener noreferrer"&gt;aube&lt;/a&gt; enters the package manager competition from the creator of mise — performance-first, security-conscious, drop-in npm replacement.&lt;/p&gt;

&lt;p&gt;Enjoy!&lt;/p&gt;

&lt;p&gt;Signup &lt;a href="https://weeklyfoo.com" rel="noopener noreferrer"&gt;here&lt;/a&gt; for the newsletter to get the weekly digest right into your inbox.&lt;/p&gt;

&lt;p&gt;Find the 11 highlighted links of &lt;a href="https://weeklyfoo.com" rel="noopener noreferrer"&gt;weeklyfoo&lt;/a&gt; #134:&lt;/p&gt;




&lt;p&gt;&lt;a href="https://addyo.substack.com/p/the-agent-stack-bet" rel="noopener noreferrer"&gt;&lt;h3&gt;The Agent Stack Bet&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by Addy Osmani&lt;/p&gt;

&lt;p&gt;Most production agents today feature fragile session logic, shared service accounts, and weak security models — four architectural bets for the next generation of agentic systems&lt;/p&gt;

&lt;p&gt;&lt;small&gt;🚀 Read it!, ai, engineering&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://vercel.com/kb/bulletin/vercel-april-2026-security-incident" rel="noopener noreferrer"&gt;&lt;h3&gt;Vercel April 2026 Security Incident&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by Vercel&lt;/p&gt;

&lt;p&gt;A compromised third-party AI tool gave attackers access to sensitive Vercel customer data — Guillermo noted the attack was significantly accelerated by AI&lt;/p&gt;

&lt;p&gt;&lt;small&gt;📰 Good to know, security&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://blog.cloudflare.com/internal-ai-engineering-stack/" rel="noopener noreferrer"&gt;&lt;h3&gt;The AI Engineering Stack Cloudflare Built Internally&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by Cloudflare&lt;/p&gt;

&lt;p&gt;93% of Cloudflare's R&amp;amp;D uses AI tools built on their own platform — MCP servers, access layer, and agent tooling pushed weekly merge requests from 5,600 to over 8,700&lt;/p&gt;

&lt;p&gt;&lt;small&gt;📰 Good to know, ai, engineering&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://slack.engineering/managing-context-in-long-run-agentic-applications/" rel="noopener noreferrer"&gt;&lt;h3&gt;Managing Context in Long-Run Agentic Applications&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by Slack Engineering&lt;/p&gt;

&lt;p&gt;Slack Engineering on maintaining alignment across complex long-running agent systems — techniques for balancing continuity and creativity in multi-agent teams&lt;/p&gt;

&lt;p&gt;&lt;small&gt;📰 Good to know, ai, engineering, agents&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://dpc.pw/posts/i-dont-want-your-prs-anymore/" rel="noopener noreferrer"&gt;&lt;h3&gt;I Don't Want Your PRs Anymore&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by dpc.pw&lt;/p&gt;

&lt;p&gt;An open source maintainer closes external PRs in favor of LLM-generated code — future contributions should focus on feedback, architecture, and bug reports&lt;/p&gt;

&lt;p&gt;&lt;small&gt;📰 Good to know, ai, engineering, open-source&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://evilmartians.com/chronicles/how-to-make-your-website-visible-to-llms" rel="noopener noreferrer"&gt;&lt;h3&gt;Making Your Site Visible to LLMs: 6 Techniques That Work, 8 That Don't&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by Evil Martians&lt;/p&gt;

&lt;p&gt;Practical guide to LLM discoverability — structured data, llms.txt, clean semantic HTML, and eight techniques that actually don't help&lt;/p&gt;

&lt;p&gt;&lt;small&gt;📰 Good to know, ai, seo, frontend&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://frontendmasters.com/blog/ai-generated-ui-is-inaccessible-by-default/" rel="noopener noreferrer"&gt;&lt;h3&gt;AI-Generated UI Is Inaccessible by Default&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by Frontend Masters&lt;/p&gt;

&lt;p&gt;AI tools produce React components that look correct but fail screen readers — div soup with no roles, keyboard support, or ARIA state because models optimize for visual fidelity while ignoring the accessibility tree&lt;/p&gt;

&lt;p&gt;&lt;small&gt;📰 Good to know, ai, accessibility, frontend&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://rspack.rs/blog/announcing-2-0" rel="noopener noreferrer"&gt;&lt;h3&gt;Rspack 2.0&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by Rspack&lt;/p&gt;

&lt;p&gt;Rust-powered webpack-compatible bundler ships v2.0 with significantly faster builds, improved ESM output, and broad framework support across Next.js, Vue, Svelte, and Solid&lt;/p&gt;

&lt;p&gt;&lt;small&gt;📰 Good to know, javascript, tools, performance&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://github.com/awnist/slop-cop" rel="noopener noreferrer"&gt;&lt;h3&gt;Slop Cop&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by awnist&lt;/p&gt;

&lt;p&gt;Browser-based writing editor that flags rhetorical and structural patterns common in generic LLM prose&lt;/p&gt;

&lt;p&gt;&lt;small&gt;🧰 Tools, ai, writing, tools&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://github.com/endevco/aube" rel="noopener noreferrer"&gt;&lt;h3&gt;aube&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by Jeff Dickey&lt;/p&gt;

&lt;p&gt;New Node.js package manager from the creator of mise — drop-in replacement for npm with raw performance focus and security-conscious defaults&lt;/p&gt;

&lt;p&gt;&lt;small&gt;🧰 Tools, node, tools&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://github.com/Infisical/agent-vault" rel="noopener noreferrer"&gt;&lt;h3&gt;Agent Vault&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by Infisical&lt;/p&gt;

&lt;p&gt;Open-source HTTP credential proxy that prevents AI agents from handling sensitive API keys directly — transparently injects credentials at the network layer to block exfiltration and prompt injection&lt;/p&gt;

&lt;p&gt;&lt;small&gt;🧰 Tools, ai, security, tools, github&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;Want to read more? Check out the full article &lt;a href="https://weeklyfoo.com/foos/foo-134/" rel="noopener noreferrer"&gt;here&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;To sign up for the weekly newsletter, visit &lt;a href="https://weeklyfoo.com" rel="noopener noreferrer"&gt;weeklyfoo.com&lt;/a&gt;.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>weeklyfoo</category>
      <category>javascript</category>
      <category>node</category>
    </item>
    <item>
      <title>Stay ahead in web development: latest news, tools, and insights #134</title>
      <dc:creator>Adam</dc:creator>
      <pubDate>Mon, 27 Apr 2026 04:57:32 +0000</pubDate>
      <link>https://dev.to/urbanisierung/stay-ahead-in-web-development-latest-news-tools-and-insights-134-52l7</link>
      <guid>https://dev.to/urbanisierung/stay-ahead-in-web-development-latest-news-tools-and-insights-134-52l7</guid>
      <description>&lt;p&gt;Signup &lt;a href="https://weeklyfoo.com" rel="noopener noreferrer"&gt;here&lt;/a&gt; for the newsletter to get the weekly digest right into your inbox.&lt;/p&gt;

&lt;p&gt;weeklyfoo #134 is here: your weekly digest of all webdev news you need to know! This time you'll find 32 valuable links in 5 categories! Enjoy!&lt;/p&gt;

&lt;h2&gt;
  
  
  🚀 Read it!
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://addyo.substack.com/p/the-agent-stack-bet?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-134&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;The Agent Stack Bet&lt;/a&gt;: Most production agents today feature fragile session logic, shared service accounts, and weak security models — four architectural bets for the next generation of agentic systems by Addy Osmani&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;engineering&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;8 min read&lt;/small&gt;
&lt;/li&gt;
&lt;/ul&gt;



&lt;h2&gt;
  
  
  📰 Good to know
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://www.anthropic.com/news/claude-design-anthropic-labs?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-134&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Introducing Claude Design&lt;/a&gt;: Anthropic's new product for creating designs, prototypes, and presentations using Claude Opus 4.7 — available in research preview for Pro, Max, Team, and Enterprise by Anthropic&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;design&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;7 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://simonwillison.net/2026/Apr/18/opus-system-prompt/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-134&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Claude Opus 4.7 System Prompt Changes&lt;/a&gt;: Claude's system prompt changes from Opus 4.6 to 4.7 — less pushy, more concise, new browser and Office agent tools, expanded safety guidelines by Simon Willison&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;7 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://cssence.com/2024/six-levels-of-dark-mode/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-134&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Six Levels of Dark Mode&lt;/a&gt;: Eight progressive methods for dark mode implementation — from basic HTML meta tags and CSS properties to advanced media queries and JavaScript color scheme switching by Matthias Beitl&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;css&lt;/em&gt;, &lt;em&gt;frontend&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;10 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://vercel.com/kb/bulletin/vercel-april-2026-security-incident?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-134&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Vercel April 2026 Security Incident&lt;/a&gt;: A compromised third-party AI tool gave attackers access to sensitive Vercel customer data — Guillermo noted the attack was significantly accelerated by AI by Vercel&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;security&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;7 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://frontendmasters.com/blog/building-a-ui-without-breakpoints/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-134&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Building a UI Without Breakpoints&lt;/a&gt;: Using flex calc(infinity) and container queries to build responsive layouts that naturally adapt without explicit media query breakpoints by Frontend Masters&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;css&lt;/em&gt;, &lt;em&gt;frontend&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;14 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://blog.cloudflare.com/internal-ai-engineering-stack/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-134&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;The AI Engineering Stack Cloudflare Built Internally&lt;/a&gt;: 93% of Cloudflare's R&amp;amp;D uses AI tools built on their own platform — MCP servers, access layer, and agent tooling pushed weekly merge requests from 5,600 to over 8,700 by Cloudflare&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;engineering&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;23 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://slack.engineering/managing-context-in-long-run-agentic-applications/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-134&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Managing Context in Long-Run Agentic Applications&lt;/a&gt;: Slack Engineering on maintaining alignment across complex long-running agent systems — techniques for balancing continuity and creativity in multi-agent teams by Slack Engineering&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;engineering&lt;/em&gt;, &lt;em&gt;agents&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;17 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://cheatsheetseries.owasp.org/cheatsheets/NPM_Security_Cheat_Sheet.html?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-134&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;OWASP NPM Security Best Practices&lt;/a&gt;: Continually updated checklist covering lifecycle script disabling, typosquatting, trusted publishing, and dependency confusion by OWASP&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;security&lt;/em&gt;, &lt;em&gt;npm&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;22 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://dpc.pw/posts/i-dont-want-your-prs-anymore/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-134&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;I Don't Want Your PRs Anymore&lt;/a&gt;: An open source maintainer closes external PRs in favor of LLM-generated code — future contributions should focus on feedback, architecture, and bug reports by dpc.pw&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;engineering&lt;/em&gt;, &lt;em&gt;open-source&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;5 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://evilmartians.com/chronicles/how-to-make-your-website-visible-to-llms?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-134&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Making Your Site Visible to LLMs: 6 Techniques That Work, 8 That Don't&lt;/a&gt;: Practical guide to LLM discoverability — structured data, llms.txt, clean semantic HTML, and eight techniques that actually don't help by Evil Martians&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;seo&lt;/em&gt;, &lt;em&gt;frontend&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;20 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://frontendmasters.com/blog/ai-generated-ui-is-inaccessible-by-default/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-134&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;AI-Generated UI Is Inaccessible by Default&lt;/a&gt;: AI tools produce React components that look correct but fail screen readers — div soup with no roles, keyboard support, or ARIA state because models optimize for visual fidelity while ignoring the accessibility tree by Frontend Masters&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;accessibility&lt;/em&gt;, &lt;em&gt;frontend&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;21 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://rspack.rs/blog/announcing-2-0?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-134&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Rspack 2.0&lt;/a&gt;: Rust-powered webpack-compatible bundler ships v2.0 with significantly faster builds, improved ESM output, and broad framework support across Next.js, Vue, Svelte, and Solid by Rspack&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;javascript&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;, &lt;em&gt;performance&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;18 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://jakub.kr/writing/details-that-make-interfaces-feel-better?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-134&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Details That Make Interfaces Feel Better&lt;/a&gt;: Small UI polish details that compound into better-feeling interfaces — balanced text wrapping, concentric border radius, tabular numbers, interruptible CSS transitions, and more by Jakub&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;css&lt;/em&gt;, &lt;em&gt;frontend&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;10 min read&lt;/small&gt;
&lt;/li&gt;
&lt;/ul&gt;



&lt;h2&gt;
  
  
  🧰 Tools
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://github.com/drasimwagan/mdv?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-134&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;MDV&lt;/a&gt;: Markdown superset with embedded charts, KPI cards, and data visualizations using declarative syntax — renders to self-contained HTML or PDF with a VS Code live preview extension by drasimwagan&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;markdown&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;, &lt;em&gt;github&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/awnist/slop-cop?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-134&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Slop Cop&lt;/a&gt;: Browser-based writing editor that flags rhetorical and structural patterns common in generic LLM prose by awnist&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;writing&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/yuku-toolchain/yuku?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-134&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Yuku&lt;/a&gt;: High-performance JavaScript/TypeScript compiler and toolchain written in Zig — 100% JS spec compliant by Yuku Toolchain&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;javascript&lt;/em&gt;, &lt;em&gt;typescript&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;, &lt;em&gt;github&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/zilliztech/claude-context?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-134&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Claude Context&lt;/a&gt;: MCP plugin that gives AI coding agents deep codebase understanding — indexes millions of code lines with vector search and AST-based chunking to cut token usage by Zilliz&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;, &lt;em&gt;mcp&lt;/em&gt;, &lt;em&gt;github&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://blog.cloudflare.com/cf-cli-local-explorer/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-134&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Cloudflare cf CLI&lt;/a&gt;: Preview of Cloudflare's new CLI tool for working with its various services — local dev and resource explorer features by Cloudflare&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;tools&lt;/em&gt;, &lt;em&gt;cloudflare&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://lawsofsoftwareengineering.com/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-134&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Laws of Software Engineering&lt;/a&gt;: Collection of 56 principles and patterns that shape software systems, teams, and decisions by Community&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;engineering&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://isitagentready.com?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-134&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Is It Agent Ready?&lt;/a&gt;: Scan any website to check how well it's structured for AI agent access — checks llms.txt, structured data, and agent-readable content by Is It Agent Ready&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;, &lt;em&gt;agents&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/software-mansion/argent?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-134&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Argent&lt;/a&gt;: Agentic toolkit for AI assistants to autonomously control, profile, and debug iOS Simulators with native React Native support — operates locally without data collection by Software Mansion&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;, &lt;em&gt;ios&lt;/em&gt;, &lt;em&gt;github&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/besimple-oss/broccoli?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-134&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Broccoli&lt;/a&gt;: Converts Linear tickets into GitHub Pull Requests using AI models like Claude and Codex — runs entirely in your own Google Cloud project for privacy with automated planning, implementation, and code reviews by BeSImple&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;, &lt;em&gt;github&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/endevco/aube?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-134&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;aube&lt;/a&gt;: New Node.js package manager from the creator of mise — drop-in replacement for npm with raw performance focus and security-conscious defaults by Jeff Dickey&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;node&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/Infisical/agent-vault?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-134&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Agent Vault&lt;/a&gt;: Open-source HTTP credential proxy that prevents AI agents from handling sensitive API keys directly — transparently injects credentials at the network layer to block exfiltration and prompt injection by Infisical&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;security&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;, &lt;em&gt;github&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/vercel-labs/portless?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-134&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Portless&lt;/a&gt;: Replace port numbers with named local URLs for local development — cleaner URLs for multi-service dev environments by Vercel Labs&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;tools&lt;/em&gt;, &lt;em&gt;github&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://tsrx.dev/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-134&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;TSRX&lt;/a&gt;: TypeScript language extension described as a spiritual successor to JSX — compiles to React, Preact, Solid, and Ripple with control flow, scoped styles, and a live playground by Dominic Gannaway&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;typescript&lt;/em&gt;, &lt;em&gt;javascript&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/jameskerr/react-arborist#readme?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-134&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;React Arborist 3.5&lt;/a&gt;: Tree view component for React with folders, drag and drop sorting, filtering, and keyboard navigation — the VS Code sidebar experience in one component by James Kerr&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;react&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;, &lt;em&gt;github&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;/ul&gt;



&lt;h2&gt;
  
  
  🤪 Fun
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://github.com/ybouane/liquidglass?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-134&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Liquid Glass WebGL Effects for HTML&lt;/a&gt;: WebGL-powered glass refraction and blur effects for any HTML element — reproduce iOS 26's liquid glass aesthetic with an interactive playground by Yassine Bouanane&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;webgl&lt;/em&gt;, &lt;em&gt;css&lt;/em&gt;, &lt;em&gt;fun&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;13 min read&lt;/small&gt;
&lt;/li&gt;
&lt;/ul&gt;



&lt;h2&gt;
  
  
  📺 Videos
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://youtu.be/ffQqstT5HFk?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-134&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Designing The Next Flow State&lt;/a&gt;: Amelia Wattenberger on the missing abstraction in AI coding — a living spec, a markdown document between you and the agents as the shared source of truth by UX Tools&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;design&lt;/em&gt;, &lt;em&gt;engineering&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://www.youtube.com/watch?v=v3Fr2JR47KA?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-134&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;The Future of MCP&lt;/a&gt;: MCP co-creator David Soria Parra on what agents look like in 2026 — connectivity as the key abstraction, skills and MCP as the integration stack, and why 2026 is the year agents go to production by David Soria Parra&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;mcp&lt;/em&gt;, &lt;em&gt;agents&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://youtu.be/Y8ZXPzYwkzs?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-134&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Agentic Design&lt;/a&gt;: Video essay for designers building agent harnesses — how stochastic, scholastic, and deterministic design represent fundamentally different bets on design labor and who owns the final artifact by UX Tools&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;design&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Want to read more? Check out the full article &lt;a href="https://weeklyfoo.com/foos/foo-134/" rel="noopener noreferrer"&gt;here&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;To sign up for the weekly newsletter, visit &lt;a href="https://weeklyfoo.com" rel="noopener noreferrer"&gt;weeklyfoo.com&lt;/a&gt;.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>weeklyfoo</category>
      <category>javascript</category>
      <category>node</category>
    </item>
    <item>
      <title>Builders, Coasters, and 30 Plugins Gone Rogue</title>
      <dc:creator>Adam</dc:creator>
      <pubDate>Fri, 24 Apr 2026 04:49:33 +0000</pubDate>
      <link>https://dev.to/urbanisierung/builders-coasters-and-30-plugins-gone-rogue-3gje</link>
      <guid>https://dev.to/urbanisierung/builders-coasters-and-30-plugins-gone-rogue-3gje</guid>
      <description>&lt;p&gt;&lt;a href="https://newsletter.pragmaticengineer.com/p/the-impact-of-ai-on-software-engineers-2026" rel="noopener noreferrer"&gt;Gergely Orosz&lt;/a&gt; surveyed 900+ software engineers and found three archetypes emerging in the AI era: builders, shippers, and coasters. The breakdown of who's thriving, who's just shipping faster, and who's quietly coasting is the most grounded portrait of the profession right now.&lt;/p&gt;

&lt;p&gt;The bigger question is what comes next. &lt;a href="https://theengineeringmanager.substack.com/p/who-will-be-the-senior-engineers" rel="noopener noreferrer"&gt;James Stanier&lt;/a&gt; maps three scenarios for whether the traditional mentorship pipeline can survive an AI-compressed learning curve — and the answer matters for everyone at every level of seniority. &lt;a href="https://addyosmani.com/blog/agentic-engine-optimization/" rel="noopener noreferrer"&gt;Addy Osmani&lt;/a&gt; formalizes the new skill that will separate high-functioning AI teams from the rest: Agentic Engine Optimization — structuring your docs for agent discoverability, parsability, and token efficiency. &lt;a href="https://www.timdavis.com/blog/probabilistic-engineering-and-the-24-7-employee" rel="noopener noreferrer"&gt;Tim Davis&lt;/a&gt; names the fundamental shift: we're no longer building deterministic systems — we're assembling probabilistic ones, from code no single human designed end-to-end, reviewed under time pressure. The accountability questions that creates haven't been answered yet.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://blog.orhun.dev/code-responsibly/" rel="noopener noreferrer"&gt;Orhun Parmaksiz&lt;/a&gt; makes the principled case against vibe-coding: letting AI handle the tedious parts while you keep only the interesting ones isn't a productivity hack — it's how craft and maintainability erode together. The practical complement: &lt;a href="https://tkdodo.eu/blog/the-vertical-codebase" rel="noopener noreferrer"&gt;TkDodo's vertical codebase&lt;/a&gt; — stop organizing your codebase by technical type and start organizing by domain, so everything that belongs together actually lives together.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://cekrem.github.io/posts/parse-dont-validate-typescript/" rel="noopener noreferrer"&gt;Christian Ekrem&lt;/a&gt; demonstrates how branded types and discriminated unions let TypeScript carry proof that validation already happened — no defensive if-checks scattered across files, zero runtime overhead.&lt;/p&gt;

&lt;p&gt;Security brought two head-turners this week: &lt;a href="https://anchor.host/someone-bought-30-wordpress-plugins-and-planted-a-backdoor-in-all-of-them/" rel="noopener noreferrer"&gt;someone purchased 30 WordPress plugins&lt;/a&gt; specifically to plant backdoors across the portfolio (the acquisition vector most threat models never account for), and &lt;a href="https://cal.com/blog/cal-com-goes-closed-source-why" rel="noopener noreferrer"&gt;Cal.com closed its main repository&lt;/a&gt; after five years of open source because AI can now find and exploit public vulnerabilities faster than maintainers can patch them. The security calculus for open-source projects has quietly shifted.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://jon.chrt.dev/2026/04/15/things-you-didnt-know-about-indexes.html" rel="noopener noreferrer"&gt;Jonathan Chart's index deep dive&lt;/a&gt; covers composite index order, partial indexes, functional indexes, and EXPLAIN — the fundamentals that turn mysterious slow queries into five-minute fixes.&lt;/p&gt;

&lt;p&gt;Finally: &lt;a href="https://github.github.com/gh-stack/" rel="noopener noreferrer"&gt;GitHub Stacked PRs&lt;/a&gt; just went native with one-click merging and AI agent integration — the pattern that was too painful to adopt at scale has officially graduated to mainstream. And &lt;a href="https://github.com/google/magika" rel="noopener noreferrer"&gt;Google's Magika&lt;/a&gt; is now open source: AI-powered file type detection for 200+ content types, the same model powering Google's own user safety infrastructure.&lt;/p&gt;

&lt;p&gt;Enjoy!&lt;/p&gt;

&lt;p&gt;Signup &lt;a href="https://weeklyfoo.com" rel="noopener noreferrer"&gt;here&lt;/a&gt; for the newsletter to get the weekly digest right into your inbox.&lt;/p&gt;

&lt;p&gt;Find the 12 highlighted links of &lt;a href="https://weeklyfoo.com" rel="noopener noreferrer"&gt;weeklyfoo&lt;/a&gt; #133:&lt;/p&gt;




&lt;p&gt;&lt;a href="https://newsletter.pragmaticengineer.com/p/the-impact-of-ai-on-software-engineers-2026" rel="noopener noreferrer"&gt;&lt;h3&gt;The Impact of AI on Software Engineers in 2026&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by Gergely Orosz&lt;/p&gt;

&lt;p&gt;Survey of 900+ engineers reveals three archetypes - builders, shippers, coasters - and how AI tools affect each differently in cost, productivity, and professional identity&lt;/p&gt;

&lt;p&gt;&lt;small&gt;🚀 Read it!, ai, engineering&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://addyosmani.com/blog/agentic-engine-optimization/" rel="noopener noreferrer"&gt;&lt;h3&gt;Agentic Engine Optimization (AEO)&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by Addy Osmani&lt;/p&gt;

&lt;p&gt;How to structure docs so AI coding agents can actually use them - discoverability, parsability, token efficiency, and access control&lt;/p&gt;

&lt;p&gt;&lt;small&gt;📰 Good to know, ai, engineering&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://theengineeringmanager.substack.com/p/who-will-be-the-senior-engineers" rel="noopener noreferrer"&gt;&lt;h3&gt;Who Will Be the Senior Engineers of 2035?&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by James Stanier&lt;/p&gt;

&lt;p&gt;Three scenarios for how AI will reshape the way senior engineers emerge - and whether the traditional mentorship pipeline can survive&lt;/p&gt;

&lt;p&gt;&lt;small&gt;📰 Good to know, engineering, ai&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://blog.orhun.dev/code-responsibly/" rel="noopener noreferrer"&gt;&lt;h3&gt;Write Less Code, Be More Responsible&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by Orhun Parmaksiz&lt;/p&gt;

&lt;p&gt;Against the vibe-coding trend - why letting AI handle the tedious parts while you keep the fun ones is a recipe for quality and maintainability decline&lt;/p&gt;

&lt;p&gt;&lt;small&gt;📰 Good to know, ai, engineering&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://cekrem.github.io/posts/parse-dont-validate-typescript/" rel="noopener noreferrer"&gt;&lt;h3&gt;Parse, Don't Validate in TypeScript&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by Christian Ekrem&lt;/p&gt;

&lt;p&gt;Branded types and discriminated unions let TypeScript carry proof that validation already happened - no more defensive if checks scattered across files&lt;/p&gt;

&lt;p&gt;&lt;small&gt;📰 Good to know, typescript, javascript&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://anchor.host/someone-bought-30-wordpress-plugins-and-planted-a-backdoor-in-all-of-them/" rel="noopener noreferrer"&gt;&lt;h3&gt;30 WordPress Plugins Backdoored After Acquisition&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by anchor.host&lt;/p&gt;

&lt;p&gt;A buyer purchased 30 plugins of varying popularity and planted a backdoor in all of them - a supply chain attack via legitimate ownership&lt;/p&gt;

&lt;p&gt;&lt;small&gt;📰 Good to know, security&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://jon.chrt.dev/2026/04/15/things-you-didnt-know-about-indexes.html" rel="noopener noreferrer"&gt;&lt;h3&gt;Things You Didn't Know About Indexes&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by Jonathan Chart&lt;/p&gt;

&lt;p&gt;Composite index order, partial indexes, functional indexes, and EXPLAIN - a practical deep dive on where indexes help and where they hurt&lt;/p&gt;

&lt;p&gt;&lt;small&gt;📰 Good to know, database, engineering&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://cal.com/blog/cal-com-goes-closed-source-why" rel="noopener noreferrer"&gt;&lt;h3&gt;Cal.com Goes Closed Source After 5 Years&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by Cal.com&lt;/p&gt;

&lt;p&gt;AI can now rapidly find and exploit open-source vulnerabilities - Cal.com closes its main repo while releasing Cal.diy under MIT for hobbyists&lt;/p&gt;

&lt;p&gt;&lt;small&gt;📰 Good to know, open-source, engineering&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://tkdodo.eu/blog/the-vertical-codebase" rel="noopener noreferrer"&gt;&lt;h3&gt;The Vertical Codebase&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by TkDodo&lt;/p&gt;

&lt;p&gt;Stop splitting code by technical type (components, hooks, utils) - group by functionality instead so everything in a domain lives together regardless of type&lt;/p&gt;

&lt;p&gt;&lt;small&gt;📰 Good to know, engineering&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://www.timdavis.com/blog/probabilistic-engineering-and-the-24-7-employee" rel="noopener noreferrer"&gt;&lt;h3&gt;Probabilistic Engineering and the 24-7 Employee&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by Tim Davis&lt;/p&gt;

&lt;p&gt;The shift from deterministic to probabilistic engineering - code generated by stochastic systems, reviewed under time pressure, assembled into wholes no single human ever designed end-to-end&lt;/p&gt;

&lt;p&gt;&lt;small&gt;📰 Good to know, engineering, ai&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://github.github.com/gh-stack/" rel="noopener noreferrer"&gt;&lt;h3&gt;GitHub Stacked PRs&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by GitHub&lt;/p&gt;

&lt;p&gt;Native stacked PR workflow - break large changes into small reviewable pull requests and merge the whole stack in one click, with AI agent integration&lt;/p&gt;

&lt;p&gt;&lt;small&gt;🧰 Tools, git, github, tools&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://github.com/google/magika" rel="noopener noreferrer"&gt;&lt;h3&gt;Magika&lt;/h3&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;by Google&lt;/p&gt;

&lt;p&gt;Google's AI-powered file type detection that identifies 200+ content types using a lightweight deep learning model - used internally for user safety&lt;/p&gt;

&lt;p&gt;&lt;small&gt;🧰 Tools, ai, tools, github&lt;/small&gt;&lt;/p&gt;




&lt;p&gt;Want to read more? Check out the full article &lt;a href="https://weeklyfoo.com/foos/foo-133/" rel="noopener noreferrer"&gt;here&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;To sign up for the weekly newsletter, visit &lt;a href="https://weeklyfoo.com" rel="noopener noreferrer"&gt;weeklyfoo.com&lt;/a&gt;.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>weeklyfoo</category>
      <category>javascript</category>
      <category>node</category>
    </item>
    <item>
      <title>Stay ahead in web development: latest news, tools, and insights #133</title>
      <dc:creator>Adam</dc:creator>
      <pubDate>Mon, 20 Apr 2026 04:57:10 +0000</pubDate>
      <link>https://dev.to/urbanisierung/stay-ahead-in-web-development-latest-news-tools-and-insights-133-3p3l</link>
      <guid>https://dev.to/urbanisierung/stay-ahead-in-web-development-latest-news-tools-and-insights-133-3p3l</guid>
      <description>&lt;p&gt;Signup &lt;a href="https://weeklyfoo.com" rel="noopener noreferrer"&gt;here&lt;/a&gt; for the newsletter to get the weekly digest right into your inbox.&lt;/p&gt;

&lt;p&gt;weeklyfoo #133 is here: your weekly digest of all webdev news you need to know! This time you'll find 36 valuable links in 4 categories! Enjoy!&lt;/p&gt;

&lt;h2&gt;
  
  
  🚀 Read it!
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://newsletter.pragmaticengineer.com/p/the-impact-of-ai-on-software-engineers-2026?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-133&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;The Impact of AI on Software Engineers in 2026&lt;/a&gt;: Survey of 900+ engineers reveals three archetypes - builders, shippers, coasters - and how AI tools affect each differently in cost, productivity, and professional identity by Gergely Orosz&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;engineering&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;16 min read&lt;/small&gt;
&lt;/li&gt;
&lt;/ul&gt;



&lt;h2&gt;
  
  
  📰 Good to know
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://addyosmani.com/blog/agentic-engine-optimization/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-133&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Agentic Engine Optimization (AEO)&lt;/a&gt;: How to structure docs so AI coding agents can actually use them - discoverability, parsability, token efficiency, and access control by Addy Osmani&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;engineering&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;16 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://philodev.one/posts/2026-04-code-complexity/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-133&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;How Complex Is My Code?&lt;/a&gt;: Code complexity beyond algorithmic efficiency - human cognitive effort, psycholinguistic insights, and why metrics are better for prioritizing refactoring than measuring quality by Phil&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;engineering&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;13 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://developer.mozilla.org/en-US/blog/mdn-front-end-deep-dive/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-133&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Why MDN Was Rebuilt Without React&lt;/a&gt;: React was just a wrapper around static content - MDN now uses a custom render pipeline and Lit web components by MDN&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;frontend&lt;/em&gt;, &lt;em&gt;engineering&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;33 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://blog.railway.com/p/moving-railways-frontend-off-nextjs?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-133&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Moving Railway's Frontend Off Next.js&lt;/a&gt;: Railway migrated 200+ routes from Next.js to Vite and TanStack Router with zero downtime - faster builds, better type safety, and a simpler client-side architecture by Railway&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;frontend&lt;/em&gt;, &lt;em&gt;engineering&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;7 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://www.uber.com/ca/en/blog/automate-design-specs/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-133&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Uber's Agentic System for Instant Design Specs&lt;/a&gt;: How Uber built an agentic pipeline to automate design spec generation in minutes, cutting manual handoff work between designers and engineers by Ian Guisard&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;design&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;13 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://theengineeringmanager.substack.com/p/who-will-be-the-senior-engineers?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-133&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Who Will Be the Senior Engineers of 2035?&lt;/a&gt;: Three scenarios for how AI will reshape the way senior engineers emerge - and whether the traditional mentorship pipeline can survive by James Stanier&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;engineering&lt;/em&gt;, &lt;em&gt;ai&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;16 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://blog.orhun.dev/code-responsibly/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-133&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Write Less Code, Be More Responsible&lt;/a&gt;: Against the vibe-coding trend - why letting AI handle the tedious parts while you keep the fun ones is a recipe for quality and maintainability decline by Orhun Parmaksiz&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;engineering&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;6 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://www.workflowbuilder.io/blog/build-vs-buy-workflow-editor-hidden-cost-react-flow?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-133&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;The Hidden Cost of Building Workflow Editors&lt;/a&gt;: Build vs buy analysis for React Flow-based editors - custom node state, undo/redo, and real-time sync pile up faster than teams expect by workflowbuilder.io&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;engineering&lt;/em&gt;, &lt;em&gt;frontend&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;10 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://tanstack.com/blog/react-server-components?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-133&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;TanStack Start Gets RSC But Not Like Next.js&lt;/a&gt;: Client-owned tree, server functions via createServerFn only, and RSC as a plain React Flight stream you fetch with TanStack Query - a genuinely different approach than Next.js by TanStack&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;frontend&lt;/em&gt;, &lt;em&gt;engineering&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;19 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://cekrem.github.io/posts/parse-dont-validate-typescript/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-133&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Parse, Don't Validate in TypeScript&lt;/a&gt;: Branded types and discriminated unions let TypeScript carry proof that validation already happened - no more defensive if checks scattered across files by Christian Ekrem&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;typescript&lt;/em&gt;, &lt;em&gt;javascript&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;13 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://frontendmasters.com/blog/svg-filters-guide-getting-started-with-the-basics/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-133&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;SVG Filters Guide: Getting Started with the Basics&lt;/a&gt;: Filter regions, color interpolation, and cross-browser consistency - a solid primer on a power feature most devs skip by Ana Tudor&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;css&lt;/em&gt;, &lt;em&gt;frontend&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;18 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://www.joshwcomeau.com/animation/squash-and-stretch/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-133&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Squash and Stretch on the Web&lt;/a&gt;: Disney animation principles applied to web motion - how squash and stretch adds polish and physicality to UI interactions by Josh W. Comeau&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;css&lt;/em&gt;, &lt;em&gt;frontend&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;15 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://nerdy.dev/why-ai-sucks-at-front-end?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-133&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Why AI Sucks at Front End&lt;/a&gt;: AI design is trained on ancient solutions and unoriginal UI patterns - Adam Argyle's rant on why AI still can't do frontend well by Adam Argyle&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;frontend&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;14 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://anchor.host/someone-bought-30-wordpress-plugins-and-planted-a-backdoor-in-all-of-them/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-133&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;30 WordPress Plugins Backdoored After Acquisition&lt;/a&gt;: A buyer purchased 30 plugins of varying popularity and planted a backdoor in all of them - a supply chain attack via legitimate ownership by anchor.host&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;security&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;10 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://jon.chrt.dev/2026/04/15/things-you-didnt-know-about-indexes.html?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-133&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Things You Didn't Know About Indexes&lt;/a&gt;: Composite index order, partial indexes, functional indexes, and EXPLAIN - a practical deep dive on where indexes help and where they hurt by Jonathan Chart&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;database&lt;/em&gt;, &lt;em&gt;engineering&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;12 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://cal.com/blog/cal-com-goes-closed-source-why?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-133&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Cal.com Goes Closed Source After 5 Years&lt;/a&gt;: AI can now rapidly find and exploit open-source vulnerabilities - Cal.com closes its main repo while releasing Cal.diy under MIT for hobbyists by Cal.com&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;open-source&lt;/em&gt;, &lt;em&gt;engineering&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;19 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://encore.dev/blog/rust-runtime?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-133&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;What We Learned Building a Rust Runtime for TypeScript&lt;/a&gt;: Encore's experience replacing the Node.js runtime with a custom Rust-based one for TypeScript - tradeoffs, surprises, and lessons by Ivan Cernja&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;engineering&lt;/em&gt;, &lt;em&gt;typescript&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;18 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://tkdodo.eu/blog/the-vertical-codebase?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-133&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;The Vertical Codebase&lt;/a&gt;: Stop splitting code by technical type (components, hooks, utils) - group by functionality instead so everything in a domain lives together regardless of type by TkDodo&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;engineering&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;11 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://www.timdavis.com/blog/probabilistic-engineering-and-the-24-7-employee?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-133&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Probabilistic Engineering and the 24-7 Employee&lt;/a&gt;: The shift from deterministic to probabilistic engineering - code generated by stochastic systems, reviewed under time pressure, assembled into wholes no single human ever designed end-to-end by Tim Davis&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;engineering&lt;/em&gt;, &lt;em&gt;ai&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;22 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://matthiasott.com/articles/design-and-engineering-as-one?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-133&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Design and Engineering, as One&lt;/a&gt;: Most teams still use an 1898 industrial model that separates design from engineering - a case for deeper integration beyond better handoff processes by Matthias Ott&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;design&lt;/em&gt;, &lt;em&gt;engineering&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;30 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://blog.cloudflare.com/email-for-agents/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-133&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Cloudflare Email Service&lt;/a&gt;: Now in public beta. Ready for your agents by Thomas Gauvin, Eric Falcão&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;emails&lt;/em&gt;, &lt;em&gt;cloudflare&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;13 min read&lt;/small&gt;
&lt;/li&gt;
&lt;/ul&gt;



&lt;h2&gt;
  
  
  🧰 Tools
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://github.com/multica-ai/multica?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-133&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Multica&lt;/a&gt;: Open-source platform integrating AI coding agents into dev teams as autonomous teammates - they claim tasks, write code, and report progress via a Go-based local daemon by multica.ai&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;, &lt;em&gt;github&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/letta-ai/letta-code?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-133&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Letta Code&lt;/a&gt;: Memory-first coding harness for long-lived AI agents that persist across sessions and accumulate skills like a permanent teammate by docs.letta.com/letta-code&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;, &lt;em&gt;github&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.github.com/gh-stack/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-133&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;GitHub Stacked PRs&lt;/a&gt;: Native stacked PR workflow - break large changes into small reviewable pull requests and merge the whole stack in one click, with AI agent integration by GitHub&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;git&lt;/em&gt;, &lt;em&gt;github&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://tools.rmv.fyi/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-133&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Delphitools&lt;/a&gt;: 40+ simple online tools with no logins or tracking - SVG optimizer, Tailwind shade generator, background remover, palette generator, and more by Ruby Morgan Voigt&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;tools&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/google/magika?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-133&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Magika&lt;/a&gt;: Google's AI-powered file type detection that identifies 200+ content types using a lightweight deep learning model - used internally for user safety by Google&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;, &lt;em&gt;github&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://pompelmi.app/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-133&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Pompelmi 1.0: Antivirus File Scanning from Node&lt;/a&gt;: ClamAV wrapper for scanning malicious uploads in Node apps - standalone, no daemon required, spawns ClamAV on-demand by pompelmi contributors&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;javascript&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;, &lt;em&gt;security&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/AdamPerlinski/micro-ml?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-133&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Micro-ML: Forecasting and Clustering for Node&lt;/a&gt;: 56KB WASM-powered library with regression, smoothing, clustering, and classification - no TensorFlow.js needed by Adam Perliński&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;javascript&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;, &lt;em&gt;github&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/heygen-com/hyperframes?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-133&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Hyperframes&lt;/a&gt;: Open-source HTML-based video rendering framework with first-class AI agent support - non-interactive CLI for agent-driven workflows, renders to MP4 locally or in Docker by HeyGen&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;tools&lt;/em&gt;, &lt;em&gt;ai&lt;/em&gt;, &lt;em&gt;github&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://typescale.ai/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-133&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Typescale AI&lt;/a&gt;: Typography scale and design token generator - creates consistent text hierarchies from H1 to H6 and body text with design token output by typescale.ai&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;design&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://animata.design/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-133&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Animata&lt;/a&gt;: ~200 animation-focused React components built with Tailwind CSS - animated beams, spreading cards, glitching text, Slack-style hero screen by Codse&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;react&lt;/em&gt;, &lt;em&gt;tools&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/GRVYDEV/marky?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-133&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Marky&lt;/a&gt;: A lightweight easy to use markdown viewer by Garrett Graves&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;markdown&lt;/em&gt;&lt;/small&gt;
&lt;/li&gt;
&lt;/ul&gt;



&lt;h2&gt;
  
  
  🤪 Fun
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://boredzebra.com/100jumps/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-133&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;100 Jumps&lt;/a&gt;: Jump without missing - a small physics-based browser game by boredzebra.com&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;fun&lt;/em&gt;, &lt;em&gt;game&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;1 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://www.dbpro.app/blog/chess-in-pure-sql?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-133&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Chess in Pure SQL&lt;/a&gt;: A fully playable chess game rendered and run entirely with SELECT and UPDATE statements - no app server, no JavaScript, just SQL by dbpro.app&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;fun&lt;/em&gt;, &lt;em&gt;sql&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;5 min read&lt;/small&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://www.slitscanner.app/?utm_source=weeklyfoo&amp;amp;utm_medium=web&amp;amp;utm_campaign=weeklyfoo-133&amp;amp;ref=weeklyfoo" rel="noopener noreferrer"&gt;Slitscanner&lt;/a&gt;: Upload an image, set scan settings, move it around - creates slit-scan photography distortion art, neat for background images by Matt Soria&lt;small&gt; / &lt;/small&gt;&lt;small&gt;&lt;em&gt;fun&lt;/em&gt;, &lt;em&gt;art&lt;/em&gt;&lt;/small&gt;&lt;small&gt; / &lt;/small&gt;&lt;small&gt;3 min read&lt;/small&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Want to read more? Check out the full article &lt;a href="https://weeklyfoo.com/foos/foo-133/" rel="noopener noreferrer"&gt;here&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;To sign up for the weekly newsletter, visit &lt;a href="https://weeklyfoo.com" rel="noopener noreferrer"&gt;weeklyfoo.com&lt;/a&gt;.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>weeklyfoo</category>
      <category>javascript</category>
      <category>node</category>
    </item>
  </channel>
</rss>
