baskb

Feedback Studio — Design skill for Claude Code

Design community

Local visual feedback overlay for a site you're building or a Markdown file — click or select anything, leave typed or spoken feedback, and let your coding agent process it.

How to install Feedback Studio

This entry records only its repository, not the path inside it, so there is no exact command to give. Open baskb/feedback-studio and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Feedback Studio does

Local visual feedback overlay for a site you're building or a Markdown file — click or select anything, leave typed or spoken feedback, and let your coding agent process it. Claude Code plugin + MCP server, zero-dependency.

Alternatives in Design

Studio — Launch the local design Studio — a live token editor over the latest extraction 3.6k ★
Icm Architect — Claude skill: design any process, idea, or problem into an ICM workspace (folder structure as agent architectu 1.3k ★
Clui Cc — A lightweight, transparent desktop overlay for Claude Code on macOS 956 ★

README

Feedback Studio

https://github.com/user-attachments/assets/e76db2d8-4886-4824-93b2-49af158c92b6

Point, comment, done. Feedback Studio overlays a local website you're building — or a Markdown file you're writing — so you can click any element, select any sentence, and say what should change: typed or spoken, from your desk or your couch. You can even **show** the change instead of describing it: dial the padding until it looks right, or retype the headline directly on the page. Or just **talk your way through the whole page** and let it pin each comment where you point — and when your agent is done, it can **read the changes back to you**. Everything lands in `.feedback/comments.json`, and your coding agent applies it to the real source when you say the magic words.

**PPF — "Please Process Feedback"** is the one phrase to remember. Say it and your agent picks up the comments, works through them, and the pins turn green. And yes, the *please* is on purpose — be nice to your coding agents and they'll be nice to your codebase. ;-)

It's for developers and agents working on **local** projects — not a browser extension, and it never attaches to public sites you browse. It ships as a [Claude Code](https://claude.com/claude-code) plugin plus a self-contained, zero-dependency Node server that works with any agent (or none).

Install (Claude Code)

/plugin marketplace add baskb/feedback-studio
/plugin install feedback-studio@feedback-studio

Then, in any project:

/feedback-studio:demo                   # try it on a bundled sample page — no site needed
/feedback-studio:feedback start         # launch the overlay on this project's site
/feedback-studio:feedback process       # work through the collected comments (= PPF)
/feedback-studio:feedback watch         # stay live: your agent reacts while you review
/feedback-studio:verify                 # prove each processed comment landed on the right element
/feedback-studio:report                 # wri