The Code Newsletter (@CodeNewsletter) header
The Code Newsletter (@CodeNewsletter) profile picture

Learn how to code faster with AI in 5 mins a day. Get high signal AI software development news, research papers & trending resources. By @superhuman_ai

Joined November 2025
Photo by The Code Newsletter (@CodeNewsletter)Photo by The Code Newsletter (@CodeNewsletter)Photo by The Code Newsletter (@CodeNewsletter)Photo by The Code Newsletter (@CodeNewsletter)Photo by The Code Newsletter (@CodeNewsletter)Photo by The Code Newsletter (@CodeNewsletter)Photo by The Code Newsletter (@CodeNewsletter)Photo by The Code Newsletter (@CodeNewsletter)Photo by The Code Newsletter (@CodeNewsletter)Photo by The Code Newsletter (@CodeNewsletter)
How to make Claude Code chart your numbers: AI-built dashboards render stats as dead numbers with no trend, no context. Voxyz_ai shared a project rule that fixes it. > Step 1: Open Claude Code in your project and send this: Add the rule below to this project's instructions: the CLAUDE file if there is one, otherwise the AGENTS file. Then show me what you added. ## Numbers in the UI When a screen shows stats (stat cards, profiles, dashboards): - Write each as label + value + one helper line, computed from real data only - Make key numbers clickable tabs that open a small chart - Chart only real history รขโ‚ฌโ€ under 4 data points, never invent sample data - Reuse existing tab and chart components, no new dependencies > Step 2: Check the rule landed, Claude echoes back what it added. Then build any stats screen. Numbers get helper lines, key ones open a chart on click, and nothing gets faked. Your dashboards finally show the story behind each number.
Claude Code tip: put this rule in your AGENTS or CLAUDE file, and from then on Opus 5.5 ๐˜๐˜‚๐—ฟ๐—ป๐˜€ ๐—ฏ๐—ฎ๐—ฟ๐—ฒ ๐—ป๐˜‚๐—บ๐—ฏ๐—ฒ๐—ฟ๐˜€ ๐—ถ๐—ป๐˜๐—ผ ๐—ฐ๐—ต๐—ฎ๐—ฟ๐˜๐˜€ ๐˜†๐—ผ๐˜‚ ๐—ฐ๐—ฎ๐—ป ๐—ฐ๐—น๐—ถ๐—ฐ๐—ธ ๐—ผ๐—ฝ๐—ฒ๐—ป to see the trend. Stat cards, dashboards, profile pages: all of them get the upgrade. Send this to Claude Code and it adds the rule to your project's instructions ๐Ÿ‘‡ "Add the rule below to this project's instructions: the CLAUDE file if there is one, otherwise the AGENTS file. Then show me what you added. ## Numbers in the UI When a screen shows stats (stat cards, profile pages, dashboards): - Many numbers of different kinds: split them into tabs - Write each one as label + value + one helper line (a rate, a comparison or a time range). Compute helpers from existing data only; if you can't, ask me - Make the key few numbers clickable tabs that open a small chart: bars or a line, plus an average line - Chart only real history. Under 4 data points: keep the number, never invent sample data - Zero or no data: show an empty state - Reuse the project's existing tab and chart components, no new dependencies"
2
110
This open-source project type-checks raw SQL inside your TypeScript, without an ORM or codegen. Github: github.com/colinhacks/reylo
1
3
245
How to get real performance fixes from Claude Code: Tell Claude Code to "make it faster" and it usually adds a cache. Voxyz_ai shared a perf-review prompt that names the exact structures to ask for instead. > Step 1: Save it as a reusable slash command. Create a file at .claude/commands/perf-review.md and paste this: Do a performance review of this project: 1. Run a profile first. Find the 5 slowest spots and how much time each one takes. 2. Check each spot against the cases below and only apply the one that matches: - It uses a cache: caching is cope for a slow design. Don't add more caches. See if it can be redesigned to be fast on its own. List the existing caches and flag which ones are hiding a slow design. - A hot loop keeps hitting hash tables: can you replace those hash tables with a flat array? Can we make the pointers an index into the array? Can we pack the most commonly used data into upper bits of the index? - Lots of objects, but each pass only reads one or two fields: should this be a structure of arrays instead of an array of structures (AoS รขโ€ โ€™ SoA)? - Independent awaits running one after another: run them in parallel. - Nothing matches: how do we rewrite this to better leverage data-oriented design principles? 3. For each spot, write down how much time it takes now, which case it matched, which file and lines to change, and the expected speedup. Give me the report first. Don't change anything. > Step 2: Run /perf-review in any project. Claude profiles first, matches each hotspot against the cases, and reports before touching code. You get a report with files, lines and estimated speedups. Approve the changes you want, skip the rest.
Tell Claude Code to "make it faster" and it'll probably ๐—ฎ๐—ฑ๐—ฑ ๐—ฎ ๐—ฐ๐—ฎ๐—ฐ๐—ต๐—ฒ. People who actually do perf work ๐—ป๐—ฎ๐—บ๐—ฒ ๐˜๐—ต๐—ฒ ๐—ฒ๐˜…๐—ฎ๐—ฐ๐˜ ๐˜€๐˜๐—ฟ๐˜‚๐—ฐ๐˜๐˜‚๐—ฟ๐—ฒ ๐˜๐—ต๐—ฒ๐˜† ๐˜„๐—ฎ๐—ป๐˜ instead: "Do a performance review of this project: 1. Run a profile first. Find the 5 slowest spots and how much time each one takes. 2. Check each spot against the cases below and only apply the one that matches: - It uses a cache: caching is cope for a slow design. Don't add more caches. See if it can be redesigned to be fast on its own. List the existing caches and flag which ones are hiding a slow design. - A hot loop keeps hitting hash tables: can you replace those hash tables with a flat array? Can we make the pointers an index into the array? Can we pack the most commonly used data into upper bits of the index? - Lots of objects, but each pass only reads one or two fields: should this be a structure of arrays instead of an array of structures (AoS โ†’ SoA)? - Independent awaits running one after another: run them in parallel. - Nothing matches: how do we rewrite this to better leverage data-oriented design principles? 3. For each spot, write down how much time it takes now, which case it matched, which file and lines to change, and the expected speedup. Give me the report first. Don't change anything."
3
3
322
A solid repo for building tiny desktop apps in Zig, with native GPU-drawn UI or a web frontend. One binary, on macOS, Windows and Linux. It has headless testing and screenshots, so your coding agents can check the UI without opening a window. Github: github.com/justrach/nanoui
174
How to put Cursor's agent in rigor mode: Agents ship sloppy work unless you supervise every step. Lauren Tan shared the 10-second setup for pstack, her set of skills for rigorous, autonomous engineering with agents. > Step 1: Install it in a Cursor chat: /add-plugin pstack > Step 2: Run setup and choose your budget. It detects the models in your Cursor account and maps them to pstack's roles. /setup-pstack > Step 3: Put /poteto-mode in front of any prompt you want done rigorously: /poteto-mode fix the search filter resetting when I change pages Ask /poteto-help whenever you're unsure which pstack skill to use.
try pstack! itโ€™s my personal set of skills for rigorous and autonomous engineering with agents. itโ€™s updated frequently as I continue to tune and simplify them 10 second tutorial: 1. run /setup-pstack and choose your budget 2. add /poteto-mode in front of any prompt you want done rigorously 3. ask /poteto-help whenever youโ€™re unsure what pstack skills to use 4. thatโ€™s it! Grok Bot: x.ai/bot/plugin/9717366 Cursor: cursor.com/marketplace/cursoโ€ฆ Source: github.com/cursor/plugins/trโ€ฆ
2
2
184
If you need to stop your coding agent from overloading its context window, this repo does it. Raw tool output stays in a sandbox instead of flooding the context, and session history is saved in SQLite so the agent can pick up after compaction. Works across 17 clients.
1
2
194
How to make Claude Code question your idea before coding it: Claude Code takes a half-formed idea and starts writing files immediately. You get working code for the wrong thing. Daniel San, Head of AI at Hedgineer, shared a Brainstorming skill that forces a design conversation first. > Step 1: Install the skill: npx claude-code-templates@latest --skill development/brainstorming > Step 2: Restart Claude Code, then describe any idea: I want to build [your idea] The skill activates on its own. Claude asks clarifying questions, proposes approaches, weighs trade-offs, and documents the final design before writing a line of code. A few questions now beats rewriting the wrong thing later.
Every time I have an idea, I throw it into Claude Code and let the Brainstorming skill kick in We start iterating through questions, exploring different approaches, discussing trade-offs, and refining the idea The skill helps me clarify requirements, break down the design, and validate each part before documenting the final approach By the end, I have a much clearer picture of what I actually want to build, before writing a single line of code Install: npx claude-code-templates@latest --skill development/brainstorming aitmpl.com/component/skill/dโ€ฆ
1
4
465
Grab this repo when you need your coding agent to have a better eye for mobile UI. It builds Expo and React Native screens that feel native, with proper navigation and motion, and checks the result in the simulator. Github: github.com/Appllama/appllamaโ€ฆ
237
How to stop AI code review from nitpicking: An AI reviewer flags bugs that are technically possible but almost never happen, the coding agent fixes them, and the reviewer flags the next one. Forever. Voxyz_ai shared a two-line fix for review loops. > Step 1: Add this line to your review prompt, skill, or AGENTS.md: Rate each bug from 1 to 10 on how often it would happen and how bad it would be. If the two scores multiplied are below 5, just file it as an issue and leave the code alone > Step 2: Then add this to CLAUDE.md or AGENTS.md for the model writing the code: Do not design for rare or future cases nobody asked about. Real bugs still get fixed. Low-scoring ones land as filed issues instead of churn. Tune the threshold of 5 to your project.
Like a lot of you, I use Opus 5.5 to write code and Codex Astra to review it. But Astra has a bad habit of flagging bugs that are technically possible but ๐—ฎ๐—น๐—บ๐—ผ๐˜€๐˜ ๐—ป๐—ฒ๐˜ƒ๐—ฒ๐—ฟ ๐—ต๐—ฎ๐—ฝ๐—ฝ๐—ฒ๐—ป in practice. Opus sees the logic checks out and fixes it, then Astra flags the next one, and the loop never stops. Add this line to your review prompt, skill, or AGENTS.md: "Rate each bug from 1 to 10 on how often it would happen and how bad it would be. If the two scores multiplied are below 5, just file it as an issue and leave the code alone." Tune the threshold of 5 to your project. For Opus, the one fixing the code, add one more line to CLAUDE.md or AGENTS.md: "Do not design for rare or future cases nobody asked about."
5
3
279
Worth starring if you need OpenRouter-style access, but for the tools your agents use. Give your agent one token and it can search and call thousands of APIs, CLIs and shared skills. It is billed per call, with no sign-up for each provider and no keys exposed.
1
177
How to reverse engineer any app with Claude Code: REA (Reverse Engineer Anything) is an open-source toolkit that gives Claude Code or Codex the tools to take apart desktop apps, websites and Android apps, then help you build your own version of a feature. Voxyz_ai shared the setup. > Step 1: Install it and pick your agent when prompted: npx rea-agents setup > Step 2: Restart your agent, then send this prompt: I want to use REA to figure out how a feature in some software works. 1. First ask me which app and which feature I want to study, then have me say whether it's my own, open source, or software whose terms allow reverse engineering. If I can't say, don't start. 2. Work out what kind of program it is first. If you need Hopper, Ghidra or IDA, tell me which one is missing and where to get it. Don't install it yourself. 3. Back every finding with evidence: which file, which function or address. Keep what you saw separate from what you're guessing. At the end, explain it all in words a 10-year-old could follow. 4. Once it's clear, tell me the minimum pieces I'd need to write to build something similar in my own project, without copying its code. Show me the plan first, and only start writing after I agree. Claude works down layer by layer and cites where each finding comes from. Stick to your own apps, open source, or software whose terms permit it.
Highly recommend adding REA to Claude Code or Codex. The name stands for ๐—ฅ๐—ฒ๐˜ƒ๐—ฒ๐—ฟ๐˜€๐—ฒ ๐—˜๐—ป๐—ด๐—ถ๐—ป๐—ฒ๐—ฒ๐—ฟ ๐—”๐—ป๐˜†๐˜๐—ต๐—ถ๐—ป๐—ด. See a feature you like in another app? Have your agent take it apart to see how it's built, then ๐—ฏ๐˜‚๐—ถ๐—น๐—ฑ ๐˜†๐—ผ๐˜‚๐—ฟ ๐—ผ๐˜„๐—ป ๐˜ƒ๐—ฒ๐—ฟ๐˜€๐—ถ๐—ผ๐—ป in your project. It's been #1 on GitHub's daily trending two days running and is past 60K stars. The apps on your computer are finished products. Think of a baked cake: you can taste it, but you can't see the recipe. REA hands your agent the tools made for taking software apart. It works down layer by layer, shows you where each finding comes from, and then walks you through the recipe. You can point it at desktop apps, websites and Android apps. Ask it things like: โ†’ "How does this notes app show search results the moment I start typing?" โ†’ "Why does text copied from Notion keep its formatting when I paste it somewhere else?" โ†’ "How does this old game work out that ring of bullets?" โ†’ "Our company's 10-year-old internal tool lost its source code years ago. What is it actually doing?" Take apart your own software and open-source code as much as you like. For anyone else's, check the terms first, since many forbid reverse engineering. Don't bring it cracking or license-bypass jobs; the model will most likely refuse anyway. Run npx rea-agents setup in your terminal, pick your agent when it asks, and restart it. Then send this prompt to Opus 5.5 ๐Ÿ‘‡ "I want to use REA to figure out how a feature in some software works. 1. First ask me which app and which feature I want to study, then have me say whether it's my own, open source, or software whose terms allow reverse engineering. If I can't say, don't start. 2. Work out what kind of program it is first. If you need Hopper, Ghidra or IDA, tell me which one is missing and where to get it. Don't install it yourself. 3. Back every finding with evidence: which file, which function or address. Keep what you saw separate from what you're guessing. At the end, explain it all in words a 10-year-old could follow. 4. Once it's clear, tell me the minimum pieces I'd need to write to build something similar in my own project, without copying its code. Show me the plan first, and only start writing after I agree." github.com/morluto/rea
1
1
274
One repo that helps you review the code your agent writes. Scanners run first, then separate Claude Code or Codex sessions on your own login check every finding before you push. No account or API key of its own. Github: github.com/openqodex/openqodโ€ฆ
1
1
211
How to stop auto mode from blocking your own repos: Auto mode is Claude Code's default, but the classifier doesn't know your environment yet. It blocks routine actions, like pushing to another repo in your org or hitting an internal domain. Daniel San, Head of AI at Hedgineer, shared the setup that fixes it. > Step 1: Update Claude Code: claude update > Step 2: Run the setup command inside a session: /auto-mode-setup Claude scans your project, recent sessions, and optionally your shell history, then asks a few questions and drafts trusted repos and domains for your config. > Step 3: Confirm the entries took effect: claude auto-mode config Set it up once, and auto mode stops getting in your way.
New auto-mode-setup command in Claude Code v2.1.304 This command analyzes your project and recent sessions to configure Auto Mode based on your development environment In the video, I show how simple the entire setup process is. At the end, Claude asks a few questions about your preferences to customize Auto Mode Just run /auto-mode-setup and follow the steps ๐Ÿ‘‡
2
302
A useful repo if you want your coding agent to click around websites and read PDFs, then hand you clean Markdown instead of messy HTML. Github: github.com/firecrawl/firecraโ€ฆ
1
232
How to make your program fix itself from its own logs: Logs pile up and nobody reads them. Bugs reach you through users, not log files. Kun Chen shared a two-prompt setup that turns those logs into a daily improvement report. > Step 1: Instrument the program. Paste into Claude Code: Help me plan comprehensive logging such that we can replay what the user experienced, meaningful internal operations, and visible outcomes. > Step 2: Run a headless analysis every morning. Add this to crontab -e (replace the project and log paths): 0 9 * * * cd ~/myapp && mkdir -p reports && claude -p "Analyze the logs in ./logs from the past 24h thoroughly. Identify broken behaviors, user friction, and inefficiencies. Propose improvements sorted by estimated impact." --allowedTools "Read,Grep,Glob" > reports/$(date +\%F).md Each morning a ranked fix list lands in reports/
you can make almost any program self-improve btw step 1: prompt your agent "help me plan comprehensive logging such that we can replay what the user experienced, meaningful internal operations, and visible outcomes" step 2: setup a daily loop with this prompt "analyze my logs from this program in the past 24h thoroughly, identify broken behaviors, user friction, inefficiencies, and propose improvements sorted by estimated impact" step 3: watch your code get better every day if your program collect telemetry from users, you can do aggregated analysis which will give you even better results
2
296
Here's a repo that turns your coding agent into a security auditor that double-checks its own findings.
2
1
204
Found a repo that lets you run Claude Code, Codex, OpenCode and Pi agents on your own machines. Then manage all their tasks, sessions, plans and reviews from one place.
4
1
256
How to find what's filling up Claude Code's context: Running /context only gives you a snapshot, so it's tough to tell which turn burned through your tokens. Daniel San built a mod that breaks down each request into inputs and outputs. > Step 1: Mods need Claude Code v2.1.287 or later. Check yours: claude --version > Step 2: Install the mod from your project folder using the terminal: npx claude-code-templates@latest --mod ui/turn-inspector If a session is already open, run /reload-plugins to load it. > Step 3: Open the inspector: /turns Each request appears as a row with a bar showing how much of the window it takes up. Expand a row to see its input and output block by block, from the system prompt to each tool result, so you can spot the call that filled your context.
Introducing Turn Inspector for Claude Code! A new Mod that lets you inspect exactly what's inside Claude's context window at every turn - System prompt - Tools - Memory - Previous turns - Model output - Tool results Watch Claude's context window fill up turn by turn and finally understand where all those tokens in your session are going Install: npx claude-code-templates@latest --mod ui/turn-inspector I love building Mods! I'm still customizing Claude Code using everything I've learned over the past 3 years building AI tools Leave a star on GitHub if you find it useful ๐Ÿ‘‡ github.com/davila7/claude-coโ€ฆ
2
2
261
The Code Newsletter retweeted
iPhone Duo Review: 10,000 Folds Later...
8,322
17,698
3,424
193,757
58,676,915