drawnote-skill

Drawnote-skill is an automated visualization tool designed to transform unstructured text, keywords, or research topics into professional-grade graphical representations. It bridges the gap between text-heavy information and visual learning, providing various styles such as hand-written study notes, business flowcharts, and innovative tech diagrams. By leveraging internal prompt templates and Playwright for high-quality rendering, the tool operates entirely without needing file-system read permissions, making it a secure and efficient assistant for individual learners, knowledge workers, and technical professionals.

• Automatically generates responsive HTML-based infographics using modern CSS (Flexbox/Grid).

• Provides five specialized visual styles: Professional Business, Colored Handwritten Note, Tech Innovation, Natural Fresh, and Minimalist.

• Supports keyword-based research by integrating WebSearch to gather relevant data points before visualization.

• Handles the entire rendering lifecycle, from HTML generation to PNG screenshotting via Playwright.

• Offers structured content organization for complex topics like development methodologies, scientific processes, or meeting summaries.

• Users should provide specific content or a clear topic to receive the most accurate diagrammatic output.

• The tool saves generated HTML and PNG files directly into the user's current working directory for easy access.

• Ensure the working environment has Node.js and Playwright dependencies configured for optimal performance.

• Ideal for educational visualization, project planning, concept mapping, and creating presentation-ready infographics from simple text input.

• Users can specify output styles through natural language requests to tailor the visual aesthetic to the specific domain context.