acdemic-drawing

Generate Excalidraw JSON diagrams for academic research concepts and workflows.

609|50|Updated Jul 7, 2026
One-click install
npx skills add https://github.com/poco-ai/Agentero --skill acdemic-drawing-poco-ai
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: acdemic-drawing
Source: https://github.com/poco-ai/Agentero/tree/main/templates/vault/.agents/skills/acdemic-drawing
Command: npx skills add https://github.com/poco-ai/Agentero --skill acdemic-drawing-poco-ai

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires playwright, and includes references (resource) components.

What problem does it solve? Researchers often need clear visual diagrams — paper structures, methodology flows, literature maps, and conceptual frameworks — but hand-drawing them in Excalidraw is slow and inconsistent. This Skill generates valid .excalidraw JSON files following academic design conventions, then renders them to PNG for visual verification. ## Core Features & Use Cases - Eight Academic Diagram Types: Paper structure, methodology flow, literature review map, conceptual framework, experimental workflow, cross-paper comparison, data pipeline, and theoretical model. - Semantic Color System: A NeurIPS/ICML-style palette in references/color-palette.md encodes meaning (theory, method, findings, gaps) rather than decoration. - Render-and-Validate Loop: A Playwright-based script renders the JSON to PNG so the output can be visually audited for overflow, overlap, and balance. - Use Case: Ask for a literature review map showing how five papers relate to your thesis; the Skill produces a fan-out Excalidraw diagram with citation labels, renders it, and iterates until the layout is clean. ## Quick Start Ask the agent to create an Excalidraw diagram of your paper's methodology flow and render it to PNG for review.

Frequently Asked Questions about acdemic-drawing

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create an Excalidraw diagram for a research paper?

Describe the diagram type you need, such as a methodology flow or literature map, and the Skill generates the .excalidraw JSON using academic visual patterns. It then renders the file to PNG so you can inspect and refine the layout.

What diagram types does this academic drawing skill support?

It supports eight types: paper structure, research methodology flow, literature review map, conceptual framework, experimental workflow, cross-paper comparison, data analysis pipeline, and theoretical model. Each type has recommended visual patterns like fan-out, timeline, or tree.

How do I render an .excalidraw file to PNG?

Run the render_excalidraw.py script with uv, passing the path to your .excalidraw file. It uses Playwright with headless Chromium and the Excalidraw export library to produce a PNG screenshot of the diagram.

What dependencies are needed for the Excalidraw renderer?

The renderer requires Python with Playwright and a Chromium browser installed via 'uv run playwright install chromium'. The HTML template loads the Excalidraw export library from a CDN at render time.

Why does my generated diagram have overlapping or clipped text?

Overlap usually comes from tight spacing or text wider than its container. The Skill mandates a render-audit-fix loop: render to PNG, check for clipping and collisions, adjust coordinates and sizes in the JSON, then re-render.

Can I customize the colors used in academic diagrams?

Yes, all colors live in references/color-palette.md as a single source of truth. Edit the semantic fill and stroke values there, and generated diagrams will follow your customized palette.