Scrawl: show your agent the bug instead of typing it
Press a hotkey, talk, click and draw on your screen, then press it again: your coding agent gets the marked-up frames and a timed transcript, so a UI problem takes seconds to explain.
In short: Press a hotkey, talk, click and draw on your screen, then press it again: your coding agent gets the marked-up frames and a timed transcript, so a UI problem takes seconds to explain. It is a free skill for people who use Claude Code or Codex and want help with coding agent skills.
Real videos made with this skill, credited to their creators. Hover to preview.
APP DEMO1:30
Scrawl: a UI bug shown by voice and drawing, then fixed by the agent
The author records a problem while talking and drawing on the screen; Scrawl turns it into marked frames and a timed transcript that the coding agent reads and acts on.
Install command copied from the project README. Check the README for the latest version.
What it does
Press a hotkey, talk, click and draw on your screen, then press it again: your coding agent gets the marked-up frames and a timed transcript, so a UI problem takes seconds to explain.
Press a shortcut (⌥⇧S) and Scrawl starts recording the screen. Talk, click around, draw on it, and press ⌥⇧S again to finish. Scrawl records the screen, your voice, and your marks, then packs them into a compact bundle:…
InstallAgentsUsageWelcome and permissionsSettingsCapture ControlsSending captures of a dev site to its sessionAuto-crop (Screen captures)TuningiPhoneScrawlKit (iOS)Headless ingest server (scrawl serve)
Step by step
Open the GitHub repo and read the README.
Install the app: brew install --cask kitlangton/tap/scrawl (Apple silicon Mac, macOS 15 or later; a Windows preview is on the releases page).
Add the agent skill: bunx skills add kitlangton/scrawl
Press ⌥⇧S, show the problem while you talk and draw, press ⌥⇧S again, then paste the capture into your agent's chat.
Watch out for
It asks for Screen Recording, Microphone and Accessibility permissions and records everything on screen while it runs, so close private windows first. The Windows build is an unsigned preview. Different from bigarrow, where the agent draws on your screen to guide you; with Scrawl you draw to show the agent.
Common questions
What does Scrawl do?
Press a hotkey, talk, click and draw on your screen, then press it again: your coding agent gets the marked-up frames and a timed transcript, so a UI problem takes seconds to explain.
Which AI agents can use Scrawl?
It works with Claude Code and Codex. The code is on GitHub at kitlangton/scrawl.
Is Scrawl free?
Free & open source (MIT). The transcript uses your Mac's built-in dictation by default; no paid service or API key needed.
How do I install Scrawl?
Run the install command from the README: “brew install --cask kitlangton/tap/scrawl”. Check the README on GitHub for the latest version, then follow the steps on this page.
Is Scrawl safe to install?
We read 68 instruction and code files in the repo and found no red flags. That is not a guarantee, so review anything that runs commands on your machine.
CleanYourTV: your agent removes the ads from your TV
Your coding agent connects to an Android or Google TV over Wi-Fi, switches off the ad and tracking apps, and puts in a clean, Apple TV-style home screen. Nothing is uninstalled.
Claude Code +2★ 14.8k
SKILL
ECC: a full work system for your coding agent
One install gives your agent a plan, test, build, review and remember routine, with 71 helper agents, about 300 skills, memory between sessions and a built-in scanner for risky agent settings.
Claude Code +3★ 285.3k
SKILL
Superpowers: plan, test and debug before coding
A skills framework that makes agents brainstorm, plan, test and debug systematically.
Claude Code +1★ 299.2k
SKILL
Matt Pocock's engineering skills
Real engineering skills from a well-known TypeScript educator's own .agents folder.
Claude Code +1★ 291.4k
SKILL
Ponytail: make your agent write less code
A skill that pushes coding agents to act like a lazy senior: fewer lines, more tests, lower cost — without skipping the hard checks.
Claude Code +2★ 164.8k
SKILL
Agency Agents: a full AI agency roster
Specialist agent personas for engineering, design, marketing, sales and support you can drop into Claude Code, Codex or Cursor.
Claude Code +2★ 160.4k
Free newsletter
Friday Picks
New AI tools you can use right away, in plain words. Every Friday.