I Made an AI Agent That Codes Like a Senior Developer, Here's How


Hey Reader,

Ever Wish You Had a Senior Engineer Reviewing Your Code 24/7? ๐Ÿง โ€‹
Now you do and itโ€™s powered by AI.

This is Part 1 of my new AI Agent Series where weโ€™re building and deploying real AI agents that can think, analyze, and act like a senior software engineer ๐Ÿค“.

This project is called AI Code Reviewer and itโ€™s not just a fancy chatbot. It remembers past messages, gives contextual feedback and helps you ship better code, faster.

Here's the Tech Stack:

โ†’ โšก Next.js 15 + React 19

โ†’ ๐Ÿง  Convex Agents + Agentic Workflows

โ†’ ๐Ÿค– GPT-4o-mini via OpenAI

โ†’ ๐Ÿ“œ TypeScript + Zod for safe inputs/outputs

โ†’ ๐ŸŽจ Tailwind CSS v4 + Shadcn UI

You can build it in less than an hour with this step-by-step guide and codebase.

โ€‹

๐ŸŽฅ Watch the walkthrough here:

video previewโ€‹

โ€‹

๐Ÿฟ Weekly Snack: Create Your First AI Agent

๐Ÿค– What Are Agents, Really? I like to think of AI agents as smart minions. You give them a goal, some memory, and a few tools and they go off to work.

Theyโ€™re not like chatbots that just reply.

Agents think, decide, and act โ€” and they improve with each interaction. They can call APIs, remember context, and adapt to messy tasks.

In this project, we define our minion aka Agent like this:

This Agent is a AI Coding Agent.

It will give feedback, catch bugs and improve your code quality like a Senior Software Engineer.

โ†’ Agent is from Convexโ€™s AI SDK. It wraps everything needed to create a smart, stateful minion.

โ†’ chat uses GPT-4o-mini to process conversations.

โ†’ textEmbedding allows semantic understanding and memory across sessions.

โ†’ instructions tell the minion what role to play (in this case, act like a senior code reviewer).

โ†’ tools is where you can pass in API functions your agent can use, like file search, web search or documentation lookups.

โ€‹

๐Ÿ”ฅ Agent is Powered by OpenAI and Convexโ€‹

If you'd like a more in-depth explanation then check out these video series

โ€‹

๐Ÿš€ Latest Frontend News

โ€‹AI Code Review Agent Tweet (Share it further)

React introduced a few exciting features in experimental mode such as,

  • Shipped View Transitions that makes it easier to add animations to UI transitions in your app
  • Shipped Activity to allow components to be visually hidden and deprioritized, preserving UI state

React is working on an Official MCP Server, check it outโ€‹

Upstash introduced Caching for Drizzle ORM, with automatic invalidation and faster queries

โ€‹Next.js Deployment Docs just got a major revamp โ€” removing Vercel bias and giving more balanced provider guidance ๐Ÿ‘

Want to build your agents on the edge? Check out this Platform For Building Agents on CloudFlareโ€‹
โ€‹

FREE

๐Ÿ”ฅ I just made a few lessons completely free in the Modern Full Stack Next.js Course on Mastering Data Fetching, dive into real-world examples for free.
โ€‹

ICYMI, we covered The Most Overlooked Feature in Next.js 15 in last week's newsletter.

โ€‹

๐ŸŽฅ Weekly Youtube Videos

Check it out and subscribe to my channel โ†—๏ธ for more Frontend, Leadership and Career Development content.

โ€‹

Stop using v0, try this Instead

video previewโ€‹

I shipped my First SaaS, Here's What I learned

video previewโ€‹

โ€‹


What do you think of today's Newsletter? Simply click on one of the links below.

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

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

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


โ€‹
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.

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
React 19.2 Activity

Hey Reader, Iโ€™ve been diving deep into React 19.2 and Next.js 16 Beta this week, and honestly, itโ€™s such a solid update. I have started to incorporate so many of the features in my Next.js Custom Course Platform and have seen massive improvements. But before we jump into this weekโ€™s snack, letโ€™s hear it from our sponsor. ๐Ÿ‘‡ But before that, let's hear it from our Sponsor. PRESENTED BY CODERABBIT AI Most AI test tools just throw random assertions at your code and call it โ€œcoverage.โ€ But they...

useEffectEvent

Hey Reader, This week was huge for web dev ๐Ÿš€. React 19.2 just landed with fixes for some of the most annoying bugs, Sonnet 4.5 dropped with major AI upgrades, and the ecosystem feels like itโ€™s moving faster than ever. Iโ€™ve rounded up the highlights (and why they matter) along with this weekโ€™s Snack for you below ๐Ÿ‘‡ But before that, let's hear it from our Sponsor. PRESENTED BY CODERABBIT AI Most AI code reviewers feel shallow, they look at syntax, patterns, maybe a guideline or two, but they...

use-cache

Hey Reader, Iโ€™ve got some fun news to share ๐ŸŽ‰ Iโ€™m beyond excited to share that Iโ€™ll be speaking at the official Next.js Conf ๐Ÿ’–. Iโ€™m one of the featured speakers (!!) and would love for you to join me. My talk is called:โ€œBuild. Scale. Teach: Architecting and Scaling a Production-Ready Modern Course Platform with Next.jsโ€ Make sure to sign up here and come hang out during my sessions ๐Ÿš€ And... I finally made the move to Italy ๐Ÿ‡ฎ๐Ÿ‡น. Back in 2019 I almost moved to Europe, but the world had other...