NEW Browse AI tools across categories — updated daily. See what's new →

Technical Doc Creator

Creates HTML technical documentation with syntax-highlighted code blocks, API endpoint references, architecture diagrams, and color-coded HTTP method indicators

Version1.0.0
LicenseApache-2.0
Token count~542
UpdatedJun 5, 2026

Install

Quick install

via npx skills · works with 57+ agents
npx skills add https://github.com/mhattingpete/claude-skills-marketplace/tree/main/visual-documentation-plugin/skills/technical-doc-creator
Or pick agent:
npx skills add mhattingpete/claude-skills-marketplace --skill "Technical Doc Creator" --agent claude-code
npx skills add mhattingpete/claude-skills-marketplace --skill "Technical Doc Creator" --agent cursor
npx skills add mhattingpete/claude-skills-marketplace --skill "Technical Doc Creator" --agent codex
npx skills add mhattingpete/claude-skills-marketplace --skill "Technical Doc Creator" --agent opencode
npx skills add mhattingpete/claude-skills-marketplace --skill "Technical Doc Creator" --agent github-copilot
npx skills add mhattingpete/claude-skills-marketplace --skill "Technical Doc Creator" --agent windsurf
More install options

Shorthand — useful for multi-skill repos:

npx skills add mhattingpete/claude-skills-marketplace --skill "Technical Doc Creator"

Manual — clone the repo and drop the folder into your agent's skills directory:

git clone https://github.com/mhattingpete/claude-skills-marketplace.git
cp -r claude-skills-marketplace/visual-documentation-plugin/skills/technical-doc-creator ~/.claude/skills/
How to use: Once installed, ask your agent to "use the Technical Doc Creator skill" or describe what you want (e.g. "Creates HTML technical documentation with syntax-highlighted code blocks, API en"). Requires Node.js 18+.

Technical Doc Creator

Creates HTML technical documentation with syntax-highlighted code blocks, API endpoint references, architecture diagrams, and color-coded HTTP method indicators

What is it?
Creates HTML technical documentation with syntax-highlighted code blocks, API endpoint references, architecture diagrams, and color-coded HTTP method indicators Built for use cases involving api-documentation, technical-writing, developer-docs, code-examples, html.

How to use it?

Install this skill in your Claude environment to enhance technical doc creator capabilities. Once installed, Claude will automatically apply the skill's guidelines when relevant tasks are detected. You can also explicitly invoke it by referencing its name in your prompts.

The full source and documentation is available on GitHub.

Key Features

  • Creates HTML technical documentation with syntax-highlighted code blocks, API endpoint references, architecture diagrams, and color-coded HTTP method indicators
  • Seamless integration with Claude's development workflow
  • Comprehensive guidelines and best practices for technical doc creatorView on GitHub

GitHub Stats

StarsForksLast UpdateAuthormhattingpeteLicenseApache-2.0Version1.0.0

Categories

Developer ToolsCreative

Tags

api-documentationtechnical-writingdeveloper-docscode-exampleshtml

Features

Related Skills

More from Developer Tools

Algorithmic Art

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration

5.3kAnthropicCreativeDeveloper Tools00

Artifacts Builder

Build complex claude.ai HTML artifacts using React, Tailwind CSS, and shadcn/ui components

5.3kAnthropicDeveloper Tools00

Canvas Design

Create beautiful visual art in .png and .pdf formats using design philosophy

5.3kAnthropicCreativeDesign00

---

Source: https://github.com/mhattingpete/claude-skills-marketplace/tree/main/visual-documentation-plugin/skills/technical-doc-creator
Author: mhattingpete
License: https://opensource.org/licenses/Apache-2.0
GitHub Stars: 350
Tags: api-documentation, technical-writing, developer-docs, code-examples, html

SKILL.md source

---
name: Technical Doc Creator
description: Creates HTML technical documentation with syntax-highlighted code blocks, API endpoint references, architecture diagrams, and color-coded HTTP method indicators
---

# Technical Doc Creator

Creates HTML technical documentation with syntax-highlighted code blocks, API endpoint references, architecture diagrams, and color-coded HTTP method indicators

What is it?
Creates HTML technical documentation with syntax-highlighted code blocks, API endpoint references, architecture diagrams, and color-coded HTTP method indicators Built for use cases involving api-documentation, technical-writing, developer-docs, code-examples, html.

## How to use it?
Install this skill in your Claude environment to enhance technical doc creator capabilities. Once installed, Claude will automatically apply the skill's guidelines when relevant tasks are detected. You can also explicitly invoke it by referencing its name in your prompts.

The full source and documentation is available on GitHub.

## Key Features

* Creates HTML technical documentation with syntax-highlighted code blocks, API endpoint references, architecture diagrams, and color-coded HTTP method indicators
* Seamless integration with Claude's development workflow
* Comprehensive guidelines and best practices for technical doc creatorView on GitHub

### GitHub Stats
StarsForksLast UpdateAuthormhattingpeteLicenseApache-2.0Version1.0.0

### Categories
Developer ToolsCreative

### Tags
api-documentationtechnical-writingdeveloper-docscode-exampleshtml

### Features

## Related Skills
More from Developer Tools

### Algorithmic Art
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration

5.3kAnthropicCreativeDeveloper Tools00

### Artifacts Builder
Build complex claude.ai HTML artifacts using React, Tailwind CSS, and shadcn/ui components

5.3kAnthropicDeveloper Tools00

### Canvas Design
Create beautiful visual art in .png and .pdf formats using design philosophy

5.3kAnthropicCreativeDesign00

---

**Source**: https://github.com/mhattingpete/claude-skills-marketplace/tree/main/visual-documentation-plugin/skills/technical-doc-creator
**Author**: mhattingpete
**License**: https://opensource.org/licenses/Apache-2.0
**GitHub Stars**: 350
**Tags**: api-documentation, technical-writing, developer-docs, code-examples, html

Related skills 6