Technical Doc Creator
Creates HTML technical documentation with syntax-highlighted code blocks, API endpoint references, architecture diagrams, and color-coded HTTP method indicators
Install
Quick install
npx skills add https://github.com/mhattingpete/claude-skills-marketplace/tree/main/visual-documentation-plugin/skills/technical-doc-creatornpx skills add mhattingpete/claude-skills-marketplace --skill "Technical Doc Creator" --agent claude-codenpx skills add mhattingpete/claude-skills-marketplace --skill "Technical Doc Creator" --agent cursornpx skills add mhattingpete/claude-skills-marketplace --skill "Technical Doc Creator" --agent codexnpx skills add mhattingpete/claude-skills-marketplace --skill "Technical Doc Creator" --agent opencodenpx skills add mhattingpete/claude-skills-marketplace --skill "Technical Doc Creator" --agent github-copilotnpx skills add mhattingpete/claude-skills-marketplace --skill "Technical Doc Creator" --agent windsurfMore 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.gitcp -r claude-skills-marketplace/visual-documentation-plugin/skills/technical-doc-creator ~/.claude/skills/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.0Categories
Developer ToolsCreativeTags
api-documentationtechnical-writingdeveloper-docscode-exampleshtmlFeatures
Related Skills
More from Developer ToolsAlgorithmic Art
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration5.3kAnthropicCreativeDeveloper Tools00
Artifacts Builder
Build complex claude.ai HTML artifacts using React, Tailwind CSS, and shadcn/ui components5.3kAnthropicDeveloper Tools00
Canvas Design
Create beautiful visual art in .png and .pdf formats using design philosophy5.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
caveman
Ultra-compressed communication mode. Cuts token usage ~75% by dropping filler, articles, and pleasantries while keeping full technical accuracy. Use when user says "caveman mode", "talk like caveman", "use caveman", "less tokens", "be brief", or invokes /caveman.
clarify
Improve unclear UX copy, error messages, microcopy, labels, and instructions to make interfaces easier to understand. Use when the user mentions confusing text, unclear labels, bad error messages, hard-to-follow instructions, or wanting better UX writing.
WordPress / wp-performance
Profiling, caching, database optimization, Server-Timing
Typefully / typefully
Create, schedule, and publish social media content across X, LinkedIn, Threads, Bluesky, and Mastodon
WordPress / wp-abilities-api
Capability-based permissions and REST API authentication
Hugging Face / hugging-face-jobs
Run compute jobs and Python scripts on HF infrastructure