What types of diagrams can this skill generate?

It supports a wide range of Mermaid diagrams including architecture (C4), sequence diagrams, flowcharts, class diagrams, and state diagrams.

Can it format my Markdown files automatically?

Yes, it integrates with markdownlint-cli2 to automatically fix formatting issues and ensure your documentation meets standard linting rules.

Does it follow my existing project style?

Yes, the skill is designed to analyze your current documentation structure and conventions to ensure all new content matches your existing style.

How does it understand what to document?

The skill uses specific agents to explore your codebase, identifying API routes, handlers, and relationships to build accurate technical guides.

Interactive Documentation & Mermaid Diagrams

Name: Interactive Documentation & Mermaid Diagrams
Author: e-stpierre

bye-stpierre

0•

学習とドキュメンテーション

Generates and updates structured project documentation integrated with visual Mermaid diagrams and automated formatting.

This skill automates the creation and maintenance of technical documentation by converting code context into comprehensive Markdown files. It specializes in visual storytelling through Mermaid diagrams—including architecture, sequence, and flowcharts—ensuring that complex system logic is easily digestible. By integrating with markdownlint-cli2 and following existing project conventions, it maintains high documentation standards and provides a seamless way to document APIs, features, and system designs directly within the Claude Code environment.

主な機能

01Automated Mermaid diagram generation including architecture, sequence, and flowcharts

020 GitHub stars

03Built-in markdownlint-cli2 validation for standardized, error-free formatting

04Deep codebase exploration to automatically document APIs and component relationships

05Intelligent file placement and directory structure suggestion based on content

06Strict adherence to existing project documentation styles and templates

ユースケース

01Updating architectural overviews when introducing new system components or features

02Visualizing complex backend workflows with sequence and state diagrams

03Generating comprehensive API references directly from source code analysis

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add e-stpierre/clauding document

For use in Claude.ai and ChatGPT

Download Skill