official-doc-figure

Generate and validate mermaid diagrams for technical documentation drafts.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/ffgzz/official-doc-writing-skill --skill official-doc-figure
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: official-doc-figure
Source: https://github.com/ffgzz/official-doc-writing-skill/tree/main/.claude/skills/official-doc-figure
Command: npx skills add https://github.com/ffgzz/official-doc-writing-skill --skill official-doc-figure

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the creation and validation of diagrams and charts within formal documents, ensuring consistency and technical accuracy.

Core Features & Use Cases

  • Diagram Generation: Automates the creation of flowcharts, architecture diagrams, and technical schematics based on section and artifact plans.
  • Validation & Compliance: Checks diagrams against the document context for correctness, consistency, and placement accuracy.
  • Use Case: When preparing a section on system architecture, this Skill generates mermaid diagrams adhering to predefined rules, embedding them in the draft at designated locations.

Quick Start

Command the AI to produce a technical architecture diagram for the current section, following the guidelines in artifact-plan.md and section structure.

Frequently Asked Questions about official-doc-figure

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate mermaid diagrams for technical documentation automatically?

To generate mermaid diagrams for technical documentation, you can use automation rules that validate diagram placement and content, embedding flowcharts and architecture schematics directly into formal document drafts at designated locations.

How do I validate diagram placement and content in formal document drafts?

Validating diagram placement and content in formal document drafts involves checking generated flowcharts and architecture schematics against document context to ensure technical precision, correctness, and consistent placement within the section structure.

What is the best way to ensure consistency in technical diagrams across architecture schematics?

The best way to ensure consistency in technical diagrams across architecture schematics is by applying standardized rules during generation, validating the mermaid code or image paths against predefined document plans before embedding.

Does document diagram automation work with existing artifact plans for flowcharts?

Document diagram automation works with existing artifact plans by using the section structure and artifact plans as inputs to generate compliant flowcharts, validating them against the document context before embedding them into the draft.

Can I use image paths instead of mermaid code for technical diagrams in formal documents?

You can use image paths instead of mermaid code for technical diagrams in formal documents, as the validation process accepts both mermaid code and image paths to support document clarity and technical precision.

When should I not use automated diagram generation for technical documentation?

You should not use automated diagram generation when your technical documentation lacks a predefined section structure or artifact plan, as the validation rules require document context to check diagram placement and content accuracy.