Can I use this for system architecture?

Absolutely. The skill includes a dedicated component for generating SVG system diagrams and step-by-step workflow visualizations.

What file format does this skill generate?

This skill generates a standalone, fully styled HTML5 document that includes all documentation sections, CSS, and SVG diagrams in one file.

Can it document existing REST APIs?

Yes, it is designed to extract endpoints, HTTP methods, and request/response structures to build standardized API reference sections.

Does the documentation include syntax highlighting?

Yes, the skill applies specific CSS styling to pre and code blocks to ensure that technical snippets and installation commands are highly readable.

Technical Documentation Creator

Name: Technical Documentation Creator
Author: prof-ramos

byprof-ramos

•

Learning & Documentation

Generates professional-grade HTML technical documentation, API references, and system architecture diagrams with built-in syntax highlighting.

The Technical Documentation Creator skill empowers developers to automatically generate comprehensive, well-structured HTML documentation directly within their Claude Code workflow. It extracts API endpoints, methods, and parameters to build detailed references, while also creating getting-started guides, code snippets, and SVG-based architecture diagrams. Whether you need to document a new API, create developer-facing tutorials, or map out system workflows, this skill produces clean, responsive, and styled HTML files that are ready for deployment or internal distribution.

Key Features

011 GitHub stars

02Automatic API reference generation with semantic HTTP method coloring

03Built-in SVG system architecture and workflow diagramming

04Syntax-highlighted code blocks for clear implementation examples

05Responsive HTML5 output with integrated CSS styling

06Structured templates for Overview, Installation, and Getting Started sections

Use Cases

01Building quick-start tutorials and usage examples for software libraries and SDKs

02Generating comprehensive API documentation for RESTful web services

03Creating internal system architecture guides and workflow diagrams for engineering teams

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add prof-ramos/.codex technical-doc-creator

For use in Claude.ai and ChatGPT

Download Skill