Skills
.Work. You
Rest

html-draft

Community

Create standalone HTML engineering diagrams.

Software Engineering#architecture#html#blueprint#tailwind#d3#system-diagrams#engineering-diagrams
Authorserejaris
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Generate quick, publication-ready engineering diagrams as a single HTML file, avoiding multi-page tools or heavy dependencies.

Core Features & Use Cases

  • Standalone HTML artifact for architecture diagrams, system flows, technical spec sheets, and component maps.
  • Uses Tailwind v4 via browser CDN for layout and D3 v7 via CDN for SVG diagrams.
  • One-click exportable diagram that opens in any modern browser.

Quick Start

Ask the agent to render a blueprint: "Draw me a system diagram for my microservices."

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: html-draft
Download link: https://github.com/serejaris/personal-corp-skills/archive/main.zip#html-draft

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 510,000+ vetted skills library on demand.