html-line-svg SKILL.md skillA
html-line-svg from simbajigege/book2skills is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.
mdr add simbajigege/book2skills/html-line-svg@git:20260826.e5ba66cPins git:20260826.e5ba66c in mdr.lock. Pin the fingerprint instead.
- Audit grade
- A, 17 of 17 checks passed
- Kind
- SKILL.md skill
- Repository
- simbajigege/book2skills
- Path
skills/html-line-svg/SKILL.md- Versions recorded
- 4
- Latest version
- git:20260826.e5ba66c, committed Aug 26, 2026
- First version recorded
- Aug 15, 2026
- Size
- 21,658 bytes
- Repository stars
- 202
- License
- MIT
将文字、截图、手绘或“小黑”插图、已有 HTML 关系图提炼为有教学语义的极简框线图；关系密集型图可先用 Mermaid 编写可执行的关系结构规格，再实现为可访问、响应式的内联 SVG，并同步输出可复用的线框图生成提示词。用于 HTML Presentation、课程页和网页卡片中的对比图、架构图、流程图、界面或接口图、Agent 协作图与状态关系图；当用户要求“语义框线图”“线框插图”“把插图改成 SVG”“生成线框图提示词”“在卡片里画 GUI/LUI、Agent、任务或系统关系”，或要求沿用 course-design 的 STYLE_DNA 设计教学插图时使用。不用于照片、装饰海报、复杂数据图表、情绪型手绘插画或直接编辑二进制 PPTX。.
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 语义框线 SVG
把原内容中的对象、关系、状态与阅读顺序，重新编码为克制的技术文档式框线图。先保证图能准确复述教学判断，再处理构图与 SVG 细节；不要把原插图机械描摹成矢量轮廓。每次交付同时生成一份自包含的线框图提示词，使同一语义设计能够被复用、复核和继续迭代。
## 开始前
1. 读取目标内容、相邻内容、现有图片或草图、承载它的 HTML/CSS 和可用空间。
2. 在 `course-design` 中工作时，读取根目录 `AGENTS.md`、`docs/design/STYLE_DNA.md`、目标页面使用的设计 token 与更具体的目录规范。
3. 由其他 skill 调用时，回到调用它的上层工作流：遵守上层 skill 规定的事实来源、源文件、素材登记、追溯记录、生成物和验证范围，不固定绑定 `tailor-html-to-slide`、`ppt-like-html` 或任何单一载体。独立调用时，遵守目标项目与目标文件所在目录的规则。
4. 保护原结论、概念边界、方向、状态与数量。无法从材料确认的关系不要画成箭头。
## 工作流
### 1. 写语义规格与可选 Mermaid 关系结构
在画图前写出一个最小规格；可放在工作笔记中，不要求成为最终页面文字。
```yaml
teaching_claim: 这张图必须让读者看懂的一个判断
objects:
- id: object-a
label: 对象名称
role: interface | agent | task | container | document | state
relations:
- from: object-a
to: object-b
type: flow | dispatch | claim | sync | association | compare | contains
direction: forward | bidirectional | none
path: primary | alternative
payload: 可选；仅在理解交接物时填写
states:
- target: object-b
type: added-later | waiting | incomplete | fading | persistent | warning | blocked
visible_labels:
- text: 对读者可见的文字
role: group-title | object-label | relation-label | caption
layout_constraints:
…Read the whole file at its exact version.
How to install
mdr add simbajigege/book2skills/html-line-svg@sha256:a354e48c3b551e8bThe line at the top of this page pins the label git:20260826.e5ba66c, 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.
[](https://markdownregistry.com/a/art_rcsw2k4djnv3xm52)
4 badge image fetches in 30 days. What the badge shows.
Versions
The registry has recorded 4 versions of this file, between Aug 15, 2026 and Aug 26, 2026, about one every 4 days.
| version | committed | commit | size | audit | |
|---|---|---|---|---|---|
| git:20260826.e5ba66c latest | 2026-08-26 | e5ba66c | 21,658 B | A | view · diff |
| git:20260820.f90fa7a | 2026-08-20 | f90fa7a | 19,662 B | A | view · diff |
| git:20260820.354218f | 2026-08-20 | 354218f | 18,524 B | A | view · diff |
| git:20260815.8f0d169 | 2026-08-15 | 8f0d169 | 16,725 B | A | view |
Audit of the latest version
- pass: Frontmatter block present
- pass: Frontmatter declares a name
- pass: Frontmatter declares a description
- pass: Size between 200 bytes and 200 KB (21658 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
- pass: No script tag
Source
simbajigege/book2skills · 202 stars · license MIT · pushed 2026-08-26 · branch main
API
GET https://markdownregistry.com/api/v1/artifacts/art_rcsw2k4djnv3xm52 GET https://markdownregistry.com/api/v1/resolve?ref=simbajigege/book2skills/html-line-svg GET https://markdownregistry.com/api/v1/blob/a354e48c3b551e8b6049221518b7249239c02508bd9c5ea99b16bff4dd34e5b4
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.