📄
Writing

HTML Manual

by devton

HTML Manual is a Writing skill for Claude Code, published by devton in agentic-workflow-blueprint.

66 stars4 forkson devton/agentic-workflow-blueprintAdded 2026/08/12Repository updated 2026/08/08
View source on GitHubDownload repo ZIP
Install in seconds
Install HTML Manual
Copy HTML Manual into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.
terminal
npx degit https://github.com/devton/agentic-workflow-blueprint/tree/main/workflows/html-manual ~/.claude/skills/html-manual

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/devton/agentic-workflow-blueprint.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file
workflows/html-manual/SKILL.md in devton/agentic-workflow-blueprint
Installs to
~/.claude/skills/html-manual
Collection
One of 26 skills cataloged from this repository
Category
Writing — 1361 skills

What HTML Manual does

HTML Manual generates standalone interactive HTML versions of skills, workflows, reference docs, and runbooks. Use it when you want a readable visual manual with theme toggle, file tree navigation, and Mermaid diagrams.

HTML Manual is cataloged under Writing on DirSkills.

Documentation

README

agentic-workflows-blueprint.workflow.html-manual

Goal

Generate standalone, single-file interactive HTML visual manuals (README.html for skills/workflows and <filename>.html for references/runbooks) that mirror markdown contracts using Tailwind CSS CDN, Light/Dark mode theme switcher (persisted via sessionStorage), recursive sidebar file tree explorer, and organic Mermaid graph network mesh for maximum human readability and navigation.

Scope

  • Applies to: Any skill (SKILL.md), workflow contract, reference document (.md), or runbook (.md) in any agentic workflow skill system.
  • Does not cover: Building full web applications or dynamic client-side JS SPAs.

This is the opening of the README. Read the full README on GitHub.

Frequently asked about HTML Manual

  • What else does devton publish alongside HTML Manual?

    HTML Manual is one of 26 skills that DirSkills catalogs from devton/agentic-workflow-blueprint, the repository it ships in. Its siblings there include Agentic Workflow Blueprint, Analyzing Kubernetes Audit Logs and Brainstorming. Each one is a separate skill with its own page in this directory, installs the same way HTML Manual does, and is maintained by devton in that same repository. The rest of the collection is listed on the devton/agentic-workflow-blueprint page.

  • How does HTML Manual compare to other Writing skills?

    HTML Manual ranks #1228 by stars among the 1361 Writing skills in this catalog. The most-starred ones next to it are Article Writing, Social Media Content Calendar and Knowledge Comic Creator. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of HTML Manual against them. Open each page to compare what they document and how they install.

More from devton/agentic-workflow-blueprint

HTML Manual is one of 26 skills cataloged on DirSkills from devton/agentic-workflow-blueprint.

See all 26 skills →
🛠️
2026/07/16

Agentic Workflow Blueprint

Scaffolds agent-oriented documentation structures with progressive disclosure and executable contracts, enabling AI agents to load only relevant context for each task.
AI Engineering
663
🛡️
2026/08/12

Analyzing Kubernetes Audit Logs

Analyzing Kubernetes Audit Logs parses audit events to find suspicious API activity such as exec, secret access, and RBAC changes. Use it to build timelines, detection rules, and SOC handoff notes for Kubernetes investigations.
Quality
664
💭
2026/08/12

Brainstorming

Brainstorming uses structured Socratic questions to uncover requirements, trade-offs, scope boundaries, and edge cases before implementation. Use it for ambiguous requests, new features, or complex architecture changes.
AI Engineering
664
🏗️
2026/08/12

C4 Architecture

C4 Architecture produces audience-appropriate architecture documentation using the C4 model and Mermaid diagrams. Use it to document context, container, component, deployment, or dynamic views with narrative context and traceable evidence.
AI Engineering
664
📝
2026/08/12

Changelog

Changelog generates a concise changelog entry after a documentation review passes. Use it to capture approved, user-relevant changes in a stable, easy-to-scan format.
Writing
664
📝
2026/08/12

Changelog Generator

Changelog Generator creates customer-facing release notes from git commits and PR diffs. Use it after implementation or PR completion to group user-visible changes into features, fixes, and improvements.
Writing
664

More Writing skills

HTML Manual is one of 1361 Writing skills cataloged on DirSkills, ranked #1228 by stars among them.

Browse all Writing skills →
✍️
2026/08/13

Article Writing

Article Writing writes articles, guides, blog posts, tutorials, newsletter issues, and other long-form content in a distinctive voice derived from supplied examples or brand guidance. Use it when you want polished written content longer than a paragraph, especially when voice consistency, structure, and credibility matter.
Writing
239.8K36.4K
📅
2026/08/13

Social Media Content Calendar

Social Media Content Calendar plans multi-platform social campaigns from briefs through scheduling and verified publishing. Use it when building a calendar, turning launches into posts, or repurposing content across X, LinkedIn, Instagram, and TikTok.
Writing
229.7K45.3K
🎨
2026/08/13

Knowledge Comic Creator

Knowledge Comic Creator generates educational, biography, and tutorial comics from user-provided text, URLs, or topics, with configurable art styles, tones, layouts, and languages. Use it when a user asks for a knowledge comic, 知识漫画, or Logicomix-style explanation.
Writing
229.7K45.3K