html-draft SKILL.md skillB

html-draft from serejaris/personal-corp-os is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add serejaris/personal-corp-os/html-draft@git:20260602.cf8f697

Pins git:20260602.cf8f697 in mdr.lock. Pin the fingerprint instead.

Audit grade
B, 16 of 17 checks passed
Kind
SKILL.md skill
Repository
serejaris/personal-corp-os
Path
skills/html-draft/SKILL.md
Versions recorded
1
Latest version
git:20260602.cf8f697, committed Jun 2, 2026
Size
11,666 bytes
Repository stars
241
License
MIT

Use when user wants a standalone HTML diagram in flat engineering blueprint style — architecture diagrams, system flows, technical spec sheets, component maps. Generates one HTML file using Tailwind v4 (browser CDN) for layout and D3 v7 (CDN) for SVG diagrams. User-invoked only — do NOT auto-trigger. Triggers on "/html-draft", "сделай blueprint", "технический чертёж", "архитектурная схема", "инженерная схема", "blueprint diagram", "engineering blueprint", "technical spec sheet…

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# html-draft — Flat Engineering Blueprint Diagrams

Generate one HTML page that renders a technical diagram in a strict flat-blueprint aesthetic — the look of a printed engineering specification sheet, not a marketing landing.

**Stack:** Tailwind v4 via `@tailwindcss/browser` CDN for layout + utilities, D3 v7 via jsDelivr CDN for SVG-based diagrams (nodes, connectors, layouts, animations).

**Use this when** the user wants an architecture diagram, system flow, technical spec sheet, or component map as a standalone HTML artifact (suitable for slides, reports, exports).

**Don't use this for:**
- Inline schemas inside markdown documents — use a mermaid renderer instead
- Newspaper / reading-first single-column pages with monospace ink-on-cream feel
- Multi-section interactive explainers with pill navigation

## Design philosophy

Precise. Objective. High data-ink ratio (Tufte). Every pixel earns its place; nothing decorative. The stack is modern (Tailwind + D3) but the output looks like a printed engineering doc.

## Visual rules

### Flat, outlined, monochrome

- **No** drop shadows, gradients, glassmorphism, blur, rounded buttons
- 1px or 2px solid borders define structure
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add serejaris/personal-corp-os/html-draft@sha256:ab7e85e8a7b67b32

The line at the top of this page pins the label git:20260602.cf8f697, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_sh5cnmaw4xilf5a4.svg)](https://markdownregistry.com/a/art_sh5cnmaw4xilf5a4)

4 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 1 version of this file, committed on Jun 2, 2026.

versioncommittedcommitsizeaudit
git:20260602.cf8f697 latest2026-06-02 cf8f697 11,666 BB view

Audit of the latest version

B  16 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • fail: No script tag (matched: <script)
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (11666 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address

Starting a new one? Use a template for SKILL.md on mdpantry, which passes every one of these checks and says what to change in it.

Source

GitHub

serejaris/personal-corp-os · 241 stars · license MIT · pushed 2026-11-03 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_sh5cnmaw4xilf5a4
GET https://markdownregistry.com/api/v1/resolve?ref=serejaris/personal-corp-os/html-draft
GET https://markdownregistry.com/api/v1/blob/ab7e85e8a7b67b322dbdce0f7574a1188de7452c0d3cfcf612cc4fc38a29f84b

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from serejaris/personal-corp-os

AGENTS.md AGENTS.md file
serejaris/personal-corp-os · AGENTS.md
git:20261103.6f3983e · audit A · 241 stars
CLAUDE.md CLAUDE.md file
serejaris/personal-corp-os · CLAUDE.md
git:20260603.c9c1389 · audit B · 241 stars
paperclip-api SKILL.md skill
serejaris/personal-corp-os · archive/skills/paperclip-api/SKILL.md · Use when managing Paperclip AI agent companies - creating tasks, managing agents, approving hires, running heartbeats…
git:20260603.c9c1389 · audit B · 241 stars
daily-retro SKILL.md skill
serejaris/personal-corp-os · experimental/skills/daily-retro/SKILL.md · Experimental. Daily retro from your agents' own logs: reads today's Claude Code and Codex sessions on this machine…
git:20261029.784fcde · audit A · 241 stars
art-director SKILL.md skill
serejaris/personal-corp-os · skills/art-director/SKILL.md · Orchestrate iterative visual style searches with branch prompts, decision graphs, feedback loops, and final direction…
git:20260601.60affe7 · audit B · 241 stars
audit-agent-rules SKILL.md skill
serejaris/personal-corp-os · skills/audit-agent-rules/SKILL.md · Audits the agent rules in the current folder (AGENTS.md, nested AGENTS.md files) and the skill descriptions the agent…
git:20261004.51903b1 · audit A · 241 stars
avatar SKILL.md skill
serejaris/personal-corp-os · skills/avatar/SKILL.md · Робот агента Personal Corp. Агент делает себе голову робота из набора деталей, хранит её в штабе в stack/avatars.json и…
git:20260930.97451b5 · audit A · 241 stars
benchmark SKILL.md skill
serejaris/personal-corp-os · skills/benchmark/SKILL.md · Use when choosing between engines or models for an agent pipeline and the answer must come from measurement on your own…
git:20260930.7ad9707 · audit A · 241 stars
cc-analytics SKILL.md skill
serejaris/personal-corp-os · skills/cc-analytics/SKILL.md · Use when user asks for Claude Code usage stats, weekly analytics, project activity summary, or wants to see what…
git:20260116.7a128a7 · audit A · 241 stars
ceo-council SKILL.md skill
serejaris/personal-corp-os · skills/ceo-council/SKILL.md · Use when needing strategic project analysis from multiple independent expert perspectives. Triggers on business…
git:20260223.51e846c · audit A · 241 stars
claude-md-writer SKILL.md skill
serejaris/personal-corp-os · skills/claude-md-writer/SKILL.md · Use when creating or refactoring CLAUDE.md files - enforces best practices for size, structure, and content organization
git:20260806.fd3a777 · audit A · 241 stars
claude-sessions-sync SKILL.md skill
serejaris/personal-corp-os · skills/claude-sessions-sync/SKILL.md · Sync Claude Code session records between two Anthropic accounts in the Claude desktop app on macOS. Use when switching…
git:20261015.0ac74ee · audit A · 241 stars

Every file in serejaris/personal-corp-os

Browse by kind, by grade B, or by owner.