๐Ÿฟ Stop manually testing your Claude Code builds


Hey Reader,

I've been heads down focusing on crafting my AI course. I'm still in early stages and need your help. Can you fill this quick survey that should take less than a minute and give me your feedback?

โ†’ Click here for feedbackโ€‹

PRESENTED BY SONARQUBE

We all hate security scanners that flood our PRs with false positives. It's the quickest way to get a dev to ignore alerts altogether.

SonarQube Hunter Agent is different.

Itโ€™s an AI-powered agent that hunts for business logic flaws and actually validates them before bugging you.

It runs targeted playbooks to prove a vulnerability is real.

When it finds one, it drops a plain-English explanation into your SonarQube issue list showing exactly where the intent and implementation mismatched.

It's like having a dedicated AppSec engineer reviewing your logic โœจ.

๐Ÿฟ Our Weekly Snack: Give Claude Code a Browser

Ever asked Claude Code to build something, then had to eyeball the result yourself to verify it actually looks good?

Claude Code's Chrome extension integration fixes this, and the underrated part is it turns Claude into an actual frontend engineer - it sees, iterates, and ships pixel-perfect UI without you babysitting the browser.

How to Use It

โ†’ Install Claude in Chrome from the Chrome Web Store

โ†’ Start a Claude Code session and run your task (your dev server should be running)

โ†’ Claude Code automatically navigates to localhost and verifies your work visually

๐Ÿš€ The Takeaway

Stop verifying things manually and let Claude do the work for you.

๐Ÿš€ Latest Frontend News

AI

More and more Next.js is being written by coding agents, so 16.3 shipped dedicated AI improvements - auto-managed AGENTS.md, first-party Skills, and an Agent Browser that inspects your React tree.

โ€‹Which open model is best for your use case, what it costs, and how it compares to closed models

An agent-first linter for Tailwind design systems, by shadcn himselfโ€‹

I let an AI attack my app before anyone else could

๐ŸŽ FREE Next.js Skills to train your AI models

YOUTUBE VIDEOS

โ€‹How Senior Engineers Actually Build with AI in 2026 | Build a Full Stack Media Architecture

โ€‹Stop sleeping on Open Coding Models (try these 4 models that are great)

โ€‹Why Senior Engineers are ditching Traditional Databases (the Sync problem)

โ€‹
โ€‹ GREAT READ

Next.js is no longer slow, thanks to Instant Navigations that dropped inside of Next.js 16.3

Clerk now supports multiple enterprise SSO connections per Organization - useful for teams managing multiple identity providers.


๐Ÿค” What did you think of the Newsletter?

โ€‹๐Ÿ”ฅ Love it!โ€‹

โ€‹๐Ÿ˜ Itโ€™s okayโ€‹

โ€‹๐Ÿ‘Ž Not goodโ€‹

If youโ€™ve published a blog post or shipped something, feel free to reply to this email and it comes straight to my inbox. Iโ€™m always looking for great community work to consider featuring.

All past newsletters can be found here. You can email me at me@kulkarniankita.com to advertise/sponsor the newsletter.

For those curious, I write all my emails using Convertkit.

See you next week!

Ankita Kulkarni

Join 9200+ subscribers reading by weekly personalized Newsletter that helps developers level up their skills through weekly Frontend and Leadership Snacks. You get a deep dive into a Tech topic, Actionable tips to excel in your career and a toolbox!

Read more from Ankita Kulkarni

Hey Reader, The biggest challenge with AI right now isn't building from scratch or brainstorming, it's great at both. It's building real intuition for how things should work. Take how TikTok and YouTube handle video. If they served the same file to every device, tablet, mobile, desktop, even a slow 3G connection, users would drop off fast. So how would you solve that? Don't worry, let me show you. Here's how to architect for exactly this challenge. PRESENTED BY IMAGEKIT Don't throw raw MP4s...

A code editor displays a file structure showing a new lock file generated in the Next.js directory, indicating port 3000 is occupied.

Hey Reader, Confession: i've lost count of how many times an agent has killed my running dev server and started a new one on a different port. it's the single most annoying thing about coding with AI right now. Turns out Next.js 16.2 just fixed it so dig into the snack below. let's dig in ๐Ÿฟ PRESENTED BY SUPABASE Supabase is the backend for your app: it gives you a database plus the โ€œboring but necessaryโ€ stuff around it (user sign-in, file storage, background functions, and real-time updates)...

View Transitions in Next.js

Hey Reader, I'm working on a new course on AI and I know there are a million courses out there but honestly, I'd like to work on something that can help you ship things. However, I need your help. Can you please answer what type of a course on AI would you want me to work on? Click here to reply โ†— Anyway, let's get into this week's newsletter. PRESENTED BY SUPABASE Supabase is the backend for your app: it gives you a database plus the โ€œboring but necessaryโ€ stuff around it (user sign-in, file...