Skip to content

feat(skills): add excalidraw-diagram-generator skill and docs update#624

Closed
jun-shiromizu wants to merge 10 commits intogithub:mainfrom
jun-shiromizu:add-new-skill
Closed

feat(skills): add excalidraw-diagram-generator skill and docs update#624
jun-shiromizu wants to merge 10 commits intogithub:mainfrom
jun-shiromizu:add-new-skill

Conversation

@jun-shiromizu
Copy link
Copy Markdown
Contributor

@jun-shiromizu jun-shiromizu commented Jan 30, 2026

Pull Request Checklist

  • I have read and followed the CONTRIBUTING.md guidelines.
  • My contribution adds a new instruction, prompt, agent, or skill file in the correct directory.
  • The file follows the required naming convention.
  • The content is clearly structured and follows the example format.
  • I have tested my instructions, prompt, agent, or skill with GitHub Copilot.
  • I have run npm start and verified that README.md is up to date.

Description

Summary

Add a new skill, excalidraw-diagram-generator, to generate Excalidraw .excalidraw JSON diagrams from natural language requests. It supports multiple diagram types (flowcharts, relationship diagrams, mind maps, architecture, DFD, swimlane, class, sequence, ER) and provides step-by-step guidance and templates. Includes guidance for optional icon library usage via bundled scripts.

Why / Use cases

  • Create diagrams directly from Copilot prompts without manual drawing
  • Quickly visualize workflows, system architecture, data flows, and entity relations
  • Produce reusable .excalidraw files that open in Excalidraw or the VS Code extension

How to use (quick start)

  1. Use the skill when asked to “create a diagram / flowchart / architecture / mind map”.
  2. Provide a clear description of key entities, steps, and relationships.
  3. Output a .excalidraw JSON file and open it in Excalidraw (web or VS Code extension).

Validation / Tests

  • npm run skill:validate
  • npm run build
  • bash scripts/fix-line-endings.sh

Distinct from existing skills

  • Focuses specifically on generating Excalidraw-format diagram files (not Mermaid/PlantUML/ASCII).
  • Includes templates, scripts, and guidance for diagram construction and optional icon library workflows.

Type of Contribution

  • New instruction file.
  • New prompt file.
  • New agent file.
  • New collection file.
  • New skill file.
  • Update to existing instruction, prompt, agent, collection or skill.
  • Other (please specify):

Additional Notes


By submitting this pull request, I confirm that my contribution abides by the Code of Conduct and will be licensed under the MIT License.

Copilot AI review requested due to automatic review settings February 2, 2026 00:45
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This pull request adds a new skill called excalidraw-diagram-generator that enables automated creation of Excalidraw diagrams from natural language descriptions. The skill supports multiple diagram types including flowcharts, relationship diagrams, mind maps, architecture diagrams, data flow diagrams, swimlane diagrams, class diagrams, sequence diagrams, and ER diagrams.

Changes:

  • Introduces comprehensive diagram generation capability with templates for 8 diagram types
  • Includes Python utility scripts for icon library management and diagram manipulation
  • Adds detailed reference documentation for Excalidraw JSON schema and element types

Reviewed changes

Copilot reviewed 16 out of 17 changed files in this pull request and generated 1 comment.

Show a summary per file
File Description
skills/excalidraw-diagram-generator/SKILL.md Main skill documentation defining capabilities, workflow, and usage patterns
skills/excalidraw-diagram-generator/templates/*.excalidraw Eight diagram templates providing base structures for different diagram types
skills/excalidraw-diagram-generator/scripts/*.py Python utilities for icon library splitting and diagram manipulation
skills/excalidraw-diagram-generator/scripts/README.md Documentation for the Python utility scripts
skills/excalidraw-diagram-generator/references/*.md Reference documentation for Excalidraw schema and element types
docs/README.skills.md Updated skill registry with the new excalidraw-diagram-generator entry

Comment thread skills/excalidraw-diagram-generator/scripts/split-excalidraw-library.py Outdated
- Improved error messages within the `find_library_file` function to include directory names
- Organized comments within the `sanitize_filename` function
- Improved error messages within the `split_library` function to include directory names
Copy link
Copy Markdown
Contributor

@aaronpowell aaronpowell left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Would it be worth including a .gitignore file in the scripts folder to avoid the skill generating python artifacts that are inadvertently added to a repo when the skill is used?

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Remove this file, we don't want empty folders.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants