About
This skill generates architecture and design diagrams using PlantUML and Mermaid code syntax. It's ideal for developers needing to create visual documentation directly within their workflow when planning systems or explaining architectures. The tool produces diagrams alongside implementation plans and validation steps based on provided requirements and constraints.
Quick Install
Claude Code
Recommendednpx skills add cornmanwtf/ABANG-COLEK -a claude-code/plugin add https://github.com/cornmanwtf/ABANG-COLEKgit clone https://github.com/cornmanwtf/ABANG-COLEK.git ~/.claude/skills/diagram-as-codeCopy and paste this command in Claude Code to install this skill
GitHub Repository
Frequently asked questions
What is the diagram-as-code skill?
diagram-as-code is a Claude Skill by cornmanwtf. Skills package instructions and resources that Claude loads on demand, so Claude can perform diagram-as-code-related tasks without extra prompting.
How do I install diagram-as-code?
Use the install commands on this page: add diagram-as-code to Claude Code as a plugin, or clone its repository into your skills directory, then restart Claude so it picks up the skill.
What category does diagram-as-code belong to?
diagram-as-code is in the documentation-knowledge category, tagged ai.
Is diagram-as-code free to use?
Yes. diagram-as-code is listed on AIMCP and free to install. It runs inside Claude, so no separate service account is required to use the skill itself.
Related Skills
This skill automatically generates JSDoc or docstring comments with examples for your code. It's designed for developers who need to quickly add comprehensive documentation to functions and methods. The tool helps maintain code quality by producing structured comments that include usage examples.
The Code Comment Enricher skill automatically generates JSDoc or docstring comments, including usage examples, for your code. It is designed for developers who need to quickly add comprehensive, example-rich documentation to functions and methods. This tool is ideal for improving code readability and maintaining consistent documentation standards.
This Claude Skill generates structured post-incident reports, creating timelines and action plans. It requires system context and a problem statement to produce artifacts like implementation plans and validation steps. Use it after an incident to formally document the event and required follow-up actions.
The readme-generator skill creates structured README files with standard sections like installation, usage, and contribution. It's ideal for developers needing to quickly generate or standardize project documentation within Claude Code. The skill incorporates project context and requirements to produce comprehensive, ready-to-use README artifacts.