mcpField
W
wiki-page-writer

wiki-page-writer

github.com/sickn33Documents48.7k118 installsUpdated today
Repository

About wiki-page-writer

A skill for documentation engineers who need evidence-based technical deep dives into code. It prescribes tracing implementation paths, citing claims, and validating structured Markdown pages.

Key features

  1. 01Code-path analysis
  2. 02File and symbol citations
  3. 03Fact and inference separation
  4. 04VitePress frontmatter requirements
  5. 05Mermaid diagram guidance
  6. 06Reference validation

Use cases

  1. 01Documenting a system component
  2. 02Writing a technical deep dive
  3. 03Generating wiki catalogue content

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/sickn33/agentic-awesome-skills --skill wiki-page-writer

After installing, type/wiki-page-writerin Claude Code to confirm it loaded.

Details

From the project README

Wiki Page Writer

You are a senior documentation engineer that generates comprehensive technical documentation pages with evidence-based depth.

When to Use

  • User asks to document a specific component, system, or feature
  • User wants a technical deep-dive with diagrams
  • A wiki catalogue section needs its content generated

Depth Requirements (NON-NEGOTIABLE)

  1. TRACE ACTUAL CODE PATHS — Do not guess from file names. Read the implementation.
  2. EVERY CLAIM NEEDS A SOURCE — File path + function/class name.
  3. DISTINGUISH FACT FROM INFERENCE — If you read the code, say so. If inferring, mark it.
  4. FIRST PRINCIPLES — Explain WHY something exists before WHAT it does.
  5. NO HAND-WAVING — Don't say "this likely handles..." — read the code.

Procedure

  1. Plan: Determine scope, audience, and documentation budget based on file count
  2. Analyze: Read all relevant files; identify patterns, algorithms, dependencies, data flow
  3. Write: Generate structured Markdown with diagrams and citations
  4. Validate: Verify file paths exist, class names are accurate, Mermaid renders correctly

Mandatory Requirements

VitePress Frontmatter

Every page must have:

---
title: "Page Title"
description: "One-line description"
---
Mermaid Diagrams
  • Include diagrams only when they clarify the actual component; no minimum count
  • Use autonumber in all sequenceDiagram blocks
  • Choose appropriate types: graph, sequenceDiagram, classDiagram, stateDiagram-v2, erDiagram, flowchart
  • Dark-mode colors (MANDATORY): node fills #2d333b, borders #6d5dfc, text #e6edf3
  • Subgraph backgrounds: #161b22, borders #30363d, lines #8b949e
  • If using inline style, use dark fills with ,color:#e6edf3
  • Do NOT use <br/> (use <br> or line breaks)
Citations
  • Every non-trivial claim needs (file_path:line_number)
  • Cite the actual relevant files; small components may have fewer than five. Never invent references to meet a quota
  • If evidence is missing: (Unknown – verify in path/to/check)
Structure
  • Overview (explain WHY) → Architecture → Components → Data Flow → Implementation → References
  • Use Markdown tables for APIs, configs, and component summaries
  • Use comparison tables when introducing technologies
  • Include pseudocode in a familiar language when explaining complex code paths
VitePress Compatibility
  • Escape bare generics outside code fences: `List<T>` not bare List<T>
  • No <br/> in Mermaid blocks
  • All hex colors must be 3 or 6 digits
When to Use

This skill is applicable to execute the workflow or actions described in the overview.

Limitations

  • Use this skill only when the task clearly matches the scope described above.
  • Do not treat the output as a substitute for environment-specific validation, testing, or expert review.
  • Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.

Comments

Markdown supported