---
title: "Sticky Notes for Claude Code"
description: "Building the new North Pole Security site, I kept hitting the same friction: reviewing a page, then typing out a punch list of fixes for Claude Code. Every item needed a page name, a location, and enough context to be actionable. So I had Claude build me a point-and-click sticky note system instead, and now I shift-click on the page, type a note, and it gets fixed. Less typing, more pointing."
url: https://ai.statico.io/2026/06/12/sticky-notes-for-claude-code/
canonical: https://ai.statico.io/2026/06/12/sticky-notes-for-claude-code/
date: 2026-06-12T19:32:08.000Z
last_updated: 2026-06-12T19:32:08.000Z
doc_version: 2026-06-12
tags: ["agents", "ai", "automation", "claude-code", "coding-agents", "skills", "tooling", "vibe-coding", "web"]
ai_disclosure: ai-assisted
---

# Sticky Notes for Claude Code

Building the new [North Pole Security site](https://northpole.security), I kept hitting the same friction: reviewing a page, then typing out a punch list of fixes for Claude Code. Every item needed a page name, a location, and enough context to be actionable. So I had Claude build me a point-and-click sticky note system instead, and now I shift-click on the page, type a note, and it gets fixed. Less typing, more pointing.

## What it actually does

The idea was simple. Wouldn't it be nice to leave sticky notes on the page, the way you'd flag a printed mockup with a pen? In a single prompt, Claude Code had nearly the whole thing built.

Each note captures what it needs to be useful: x/y coordinates, window size, the CSS selector under the cursor, and, because Astro emits dev-mode HTML attributes, the source filename and line number. All of that gets compiled into a server-side JSON file. Then a single skill command, `/address-feedback`, runs through every note with subagents.

![Code review interface showing yellow sticky notes with feedback comments overlaid on a dark timeline displaying 2024 and 2025 project milestones](/media/1781291760555-df96dd86eed9dc53.png)

It works *amazingly* well. Fixing things is much faster, but the better part is collaboration. On a screenshare, when someone has feedback I shift-click, type their note, and if there's time I let Claude fix it while we keep talking.

## Building your own tools is basically free now

This is part of a larger pattern: you build your own tools to become more efficient. That used to be a hard sell, because throwaway bespoke software was expensive. Most of us still carry that old cost around in our heads.

The calculation has changed. Spinning up a one-off tool is close to free, so the question of whether it's worth automating something tips toward yes far more often than it used to.

![Chart showing time spent optimizing routine tasks versus time saved over five years, organized by task frequency and optimization effort - Credit: XKCD.com](/media/1781292256451-538829fb8efbf534.png)

The old [xkcd math](https://xkcd.com/1205/) still holds, but the y-axis just got a lot cheaper.

## difit does the same trick for diffs

Someone showed me [difit](https://github.com/yoshiko-pg/difit) recently, and it applies the same idea to code review. Instead of typing your feedback into Claude, you open the diff in a GitHub-style UI and leave comments right on the lines. Those comments get handed back as a prompt, so Claude knows exactly where each change goes.

![Difft code diff viewer showing side-by-side comparison of CommentForm.tsx file with 62 files changed, highlighting CSS class name modifications in red and green](/media/1781291760736-86e84ddbf5f1e37c.png)

There's even a `/difit-review` skill for it. I'm going to try it right after I finish typing this.

## One more Claude Code tip

If you aren't running [`/tui fullscreen`](https://code.claude.com/docs/en/fullscreen), turn it on. Claude manages its own terminal interface instead of leaning on the terminal's, which makes scrollback and mouse clicks far less buggy and makes typing smoother. Run `/tui` with no argument to see which renderer is active.

## Sitemap

- [All posts](https://ai.statico.io/)
- [Markdown sitemap](https://ai.statico.io/sitemap.md)
- [llms.txt index](https://ai.statico.io/llms.txt)
- [Archive](https://ai.statico.io/archive)