--- id: mhattingpete/claude-skills-marketplace/technical-doc-creator version: "ccd812ed" license: Apache-2.0 install: manual updated: 2026-07-25 --- # technical-doc-creator — Technical Doc Creator builds polished HTML documentation for APIs and systems, complete with endpoint references, code samples, and architecture diagrams. It structures content with getting started guides, request/response examples, and syntax-highlighted code blocks. Perfect for creating developer-facing documentation that's ready to share. Publisher: mhattingpete · Stars: 657 · Updated: 2026-07-25 Install (manual): `git clone https://github.com/mhattingpete/claude-skills-marketplace` ## SKILL.md # Technical Documentation Creator Create comprehensive HTML technical documentation with code examples and API workflows. ## When to Use - "Create API documentation for [endpoints]" - "Generate technical docs for [system]" - "Document API reference" - "Create developer documentation" ## Components 1. **Overview**: purpose, key features, tech stack 2. **Getting Started**: installation, setup, quick start 3. **API Reference**: endpoints with request/response examples 4. **Code Examples**: syntax-highlighted code blocks 5. **Architecture**: system diagram (SVG) 6. **Workflows**: step-by-step processes ## HTML Structure ```html [API/System] Documentation

[System] Documentation

``` ## API Endpoint Pattern ```html

GET /api/users/{id}

Retrieve user by ID

Request

curl -X GET https://api.example.com/users/123

Response

{
  "id": 123,
  "name": "John Doe",
  "email": "john@example.com"
}
``` ## Code Block Pattern ```html 
// Installation
npm install package-name

// Usage
import { feature } from 'package-name';
const result = feature.doSomething();
``` ## Workflow 1. Extract API endpoints, methods, parameters 2. Create overview and getting started sections 3. Document each endpoint with examples 4. Add code snippets for common operations 5. Include architecture diagram if relevant 6. Write to `[system]-docs.html` Use semantic colors for HTTP methods: GET (green), POST (blue), DELETE (red). [View on SkillFed](https://skillfed.io/mhattingpete/claude-skills-marketplace/technical-doc-creator) · [View on GitHub](https://github.com/mhattingpete/claude-skills-marketplace)