Claude MarketplacesSubmit
mhattingpete avatar

Technical Doc Creator

mhattingpete/claude-skills-marketplace

Generates complete HTML technical documentation with syntax-highlighted code blocks, API endpoint references, and architecture diagrams. It structures everything you'd expect in developer docs: overview, getting started guide, API reference with request/response examples, and workflow diagrams. The output uses semantic color coding for HTTP methods (green for GET, blue for POST, red for DELETE) and includes pre-styled CSS so the docs look polished right out of the gate. Best for when you need to document an API or system quickly without setting up a static site generator. Just feed it your endpoints and specifications, and you get a self-contained HTML file ready to ship.

skills.sh installs
221
GitHub stars
693
last updated
Mar 6, 2026
View on GitHub

Install

$ npx -y skills add mhattingpete/claude-skills-marketplace --skill technical-doc-creator --agent claude-code

Installs into .claude/skills of the current project.

Files

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

SKILL.md on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Details

Repository
github.com/mhattingpete/claude-skills-marketplace
Categories
Frontend Development, Backend & APIs, Documentation, Code Review & Quality
License
Apache-2.0
First seen
Jun 11, 2026

More from mhattingpete/claude-skills-marketplace

All 18

Recommended

More Frontend Development
1gleapsdk avatargleap-sdk-setupgleapsdk/agent-skillsIntegrates the Gleap customer feedback SDK into projects. Detects the platform (JavaScript, iOS, Android, React Native, Flutter, Ionic Capacitor, Cordova, Flutt217skills.sh installs
2yonatangross avatari18n-date-patternsyonatangross/orchestkitImplements internationalization (i18n) in React applications. Covers user-facing strings, date/time handling, locale-aware formatting, ICU MessageFormat, and RT215skills.sh installs
3tamiror6 avatarshopify-polaris-web-componentstamiror6/shopify-app-skillsUse Shopify Polaris Web Components (s-* custom elements) for App Home UI. Use when building App Home surfaces (not embedded apps), designing UI with s-page, s-s213skills.sh installs
4microsoft avatarchat-customizations-editormicrosoft/vscodeUse when working on the Chat Customizations editor — the management UI for agents, skills, instructions, hooks, prompts, MCP servers, and plugins.212skills.sh installs
5davila7 avataralgolia-searchdavila7/claude-code-templatesExpert patterns for Algolia search implementation, indexing strategies, React InstantSearch, and relevance tuning Use when: adding search to, algolia, instantse211skills.sh installs
6s-hiraoku avatarjotai-experts-hiraoku/skills-factoryExpert guidance for Jotai state management in React applications. Provides best practices, performance optimization, and architectural patterns. Use when design204skills.sh installs