Generate hand-drawn style visual notes and flowcharts as HTML and PNG.
npx skills add https://github.com/peterfei/ai-agent-team --skill drawnote
Please help me install this Agent Skill. Skill: drawnote Source: https://github.com/peterfei/ai-agent-team/tree/main/.claude/skills/drawnote Command: npx skills add https://github.com/peterfei/ai-agent-team --skill drawnote
Visualizing complex ideas or notes often requires design skills or specialized software, which can be time-consuming and costly. This skill transforms plain text or concepts into aesthetically pleasing, hand-drawn style infographics, making information easier to understand and share.
Create a hand-drawn infographic summarizing the key concepts of quantum physics.
High-intent search queries and answers about installing and using this skill.
Drawnote transforms plain text or concepts into hand-drawn style infographics by accepting your input and automatically generating visual diagrams. It outputs both HTML and PNG files to your current directory, rendering the design through Playwright without requiring external design tools or manual styling.
Yes, drawnote generates flowcharts and process diagrams directly from text-based content. It applies built-in templates and hand-drawn aesthetics to visualize workflows, knowledge synthesis, and concept relationships, outputting ready-to-use HTML and PNG formats.
Drawnote generates both HTML and PNG outputs saved to your working directory. The HTML is rendered via Playwright to create the final PNG image with hand-drawn styling applied automatically through built-in templates.
No design skills required. Drawnote handles all visual styling through built-in templates and hand-drawn style options, letting you focus on content while the skill manages layout, aesthetics, and rendering automatically.
No, drawnote uses only built-in templates and style options without reading external files. All design customization and layouts come from the skill's internal template library, keeping the process streamlined and self-contained.
Input your lecture notes or key concepts into drawnote, which automatically generates hand-drawn infographics summarizing the material. This creates visually engaging study guides or presentation-ready diagrams without needing specialized design software.
pelchersTransform text notes into Mermaid mind maps and other visual formats.
glebisGenerate branded interactive HTML presentations from structured content with PNG and PDF exports.
89jobrienGenerate Python code to convert files between document, data, and image formats.
SteveGJonesGenerate service-architecture SVG diagrams from canonical service domain model JSON.
