Your agent, switched to the right skill.
A designer’s harness: routing, reviewed plugins and reports that ship. Totally free.
Installs inand four more agents
Same screen. Five skills later.
New in 0.2Design Score
Score any page’s design in one click.
Lighthouse for design. It measures a live page from 0 to 100, explains every point it takes off and writes the fix prompt for your agent. It runs in your browser, and none of the page’s data leaves it.
Score in one click
Drag the bookmarklet to your bookmarks bar, then click it on any site, localhost included. 37 checks in seven categories, each issue pointed out on the page.
Steal the style
Take a page’s palette, fonts, type scale, spacing and radii as DESIGN.md, CSS variables, a Tailwind theme or design tokens.
Fix it with your agent
Paste the fix prompt into any agent, or say
score localhost:3000 and fix the top issues. Then score again.
Throw the switch yourself.
Scroll, or pick a request. The routing map loads in every session and sends it to its skill.
You sayCompare these three tools
rich-report
A designed report page with tables and charts, not a wall of chat.
You sayInstall this npm package
install-guard
Fetched without running and scanned. A green, yellow or red verdict comes first.
You sayMake it feel like Linear
design-md-library
That product’s design system as a reference for your mockup.
You sayAnimate this card
animate
Motion by Emil Kowalski’s rules: purpose, curve, duration, exit.
You sayMake a release video
hyperframes
An MP4 rendered from HTML, with HeyGen’s toolkit.
You sayReview this screen
interfaces
Accessibility, typography, colour, layout and copy, fixed.
You sayBuild a landing page
Hallmark
A page that looks designed, not generated. Like this one.
You sayWe launch next week
security-audit
Cloudflare’s whole-project security review.
Every route lives in ROUTING.md.
Find your situation.
Pick what you are doing. Get the skill, the command and a prompt to paste.
You ask in plain words. You get the finished thing.
Four real outputs, shown the way they arrive.
rich-report a designed page with charts, a table and a clear pickinstall-guard every check runs before anything doeshyperframes scenes written in HTML, rendered to MP4design-md-library that product’s system applied, from 84 on fileChecked at the gate.
Nothing third-party reaches your machine unread. Every piece listed here passed the same four checks and is pinned to the commit that passed.
- Fetched without running
- Scanned for risky patterns
- Hooks and scripts read by hand
- Pinned to the reviewed commit
10 reviewed9 green1 yellow0 red
Last review November 6, 2026. A weekly check flags new upstream versions in an issue. Every verdict in SECURITY.md.
Open the security index7.0.2 at 22f0b46Green1.17.0 at 60bf140Green4.8.0 at c3bb418Yellow2.0.0 at 407fa68Greenc1c8a8cGreenf1090beGreen0.9.9 at d21877eGreenfcc7028Green0.9.9Green25.16.0GreenFour stops to board.
Pick where you work. Four steps, about two minutes, no card.
-
Open claude.ai in a browser
The website, not the desktop app. Added there, it lands on your account, so every computer and cloud session gets it.
-
Customize, then Plugins
Open Customize in the menu on the left, then its Plugins section.
-
Add the marketplace
Press Add, choose Add marketplace, paste this address and confirm.
Makkov-design/makkov-harness -
Switch it on
Turn on makkov-harness. Companion plugins sit in the same list, one switch each, all optional.
This installs it on this computer only. The website route above follows your account everywhere.
- 1Add the marketplace
/plugin marketplace add Makkov-design/ makkov-harness - 2Install the plugin
/plugin install makkov-harness@ makkov-harness
-
Open your coding agent
Codex, Cursor, Gemini CLI, Copilot, Windsurf, Cline, OpenCode or Aider, in any project.
-
Paste this message
It reads the install guide in the repository and does the rest.
Install https:// github.com/ Makkov-design/ makkov-harness -
Answer two questions
Where to install, then a yes before it writes anything. It shows every change first.
-
Restart the agent
Close it and open it again, so it loads the skills and the routing map.
Replace codex with your agent: cursor, gemini, copilot, windsurf, cline, opencode or aider. Cursor, Copilot, Windsurf and Aider also need your project folder at the end.
Add --dry-run (-DryRun on Windows) to see every change first. Anything it replaces is backed up, --scope design keeps it to design work, and install/uninstall.sh (uninstall.ps1) takes it all back out.
- 1Get a copy
git clone --depth 1 https:// github.com/ Makkov-design/ makkov-harness.git ~/ makkov-harness - 2Run it on macOS or Linux
bash ~/makkov-harness/ install/ install.sh codex - 3Or on Windows, in PowerShell
powershell -NoProfile -ExecutionPolicy Bypass -File ~/makkov-harness/ install/ install.ps1 -Agent codex
-
Create a project
ChatGPT calls it Projects, Gemini calls it Gems. In Grok or DeepSeek, attach the files to a chat.
-
Upload the files
ROUTING.md and the skills you use. Start with html-report and the install guard.
Download every file (ZIP) -
Paste the instructions
Into the project instructions, then save. They tell the chat when to open each skill.
-
Ask as usual
Describe the work. Results come back in the chat; reports as one HTML file to save.
Runs where you already work.
Eight more agents
Codex, Cursor, Gemini CLI, Copilot, Windsurf, Cline, OpenCode and Aider, with one script.
Install guidePut your agent on the right track. Totally free.
Open source under MIT. No plan, no trial, no key to buy. A star is all it asks, and it helps other designers find it.