Free
Productivity & automation
Plannotator — Annotate Last Response
Open Plannotator on the latest rendered assistant message and use the returned annotations to revise that message or continue.
10.1KStars766Forks
Repository last pushed
backnotprop
Diagram (Mermaid, Excalidraw) Skills for Claude Code, Codex & AI Agents
These skills help an agent turn structure into a diagram that people can inspect. Members cover Mermaid, Excalidraw, JSON Canvas, architecture graphs, flowcharts, annotation tools, and dashboards.
30 skillsExplore Diagram (Mermaid, Excalidraw) skills
6 skillsTwo workflows for visual UI feedback: connect the Agentation toolbar to a React or Next.js project, then add specific design-review annotations in a visible desktop browser.
5.4KStars430Forks
Repository last pushed
Free
Productivity & automation
Plannotator — Annotate Artifacts
Open Plannotator's annotation UI for a markdown file, plain-text config file (.yaml, .json, .toml, .ini, .csv, .log, …), HTML file, URL, or folder and then respond to the returned annotations.
10.1KStars766Forks
Repository last pushed
backnotprop
Add the Agentation visual-feedback toolbar to a React or Next.js project, choose manual feedback or MCP sync, and verify the selected connection.
5.4KStars430Forks
Repository last pushed
Free
Testing & security
Plannotator — Plannotator Reference
Use Plannotator for plan and code review, artifact annotations, archived decisions and asynchronous feedback.
10.1KStars766Forks
Repository last pushed
backnotprop
Review a page in a visible desktop browser and add specific design critiques through Agentation, checking that each annotation was saved.
5.4KStars430Forks
Repository last pushed
Related topics
How to choose Diagram (Mermaid, Excalidraw) skills
Use Mermaid for text-defined diagrams, Excalidraw or Canvas for freeform explanation, and architecture or graph entries when relationships are the subject.
- Draw an architecture diagram from a codebase
- Convert a process into a Mermaid flowchart
- Annotate a plan or visual artifact