Hairline Create skill: what it does and how to install it
Creates a single isometric line figure in the Hairline style and packages it as a self-contained HTML page.
Summary generated from the skill's documentation.
Install
$ npx skills add lucasmarkes/hairline --skill hairline-createRun it in a terminal. If your agent is already running, start a new session so it picks the skill up.
About this skill
What it does. Guides concept selection, then writes a figure that uses the Hairline engine and assembles it into an HTML page. Runs visual and validation checks, revising the figure until it passes, and reports the metaphor, rules and pointer tour.
When to use it. For creating or adjusting a Hairline figure, including one based on an SVG source. The workflow needs Node for its scripts and a browser for the full visual check.
History
Repo stars
3k+634 since 19 Oct 2026
Show as a table
| Date | Repo stars |
|---|---|
| 26 Oct 2026 | 2,992 |
| 25 Oct 2026 | 2,902 |
| 24 Oct 2026 | 2,774 |
| 23 Oct 2026 | 2,709 |
| 22 Oct 2026 | 2,649 |
| 21 Oct 2026 | 2,565 |
| 20 Oct 2026 | 2,459 |
| 19 Oct 2026 | 2,358 |
Installs
5.2k+1.3k since 19 Oct 2026
Installs via skills.sh
Show as a table
| Date | Installs |
|---|---|
| 26 Oct 2026 | 5,203 |
| 25 Oct 2026 | 5,017 |
| 24 Oct 2026 | 4,808 |
| 23 Oct 2026 | 4,671 |
| 22 Oct 2026 | 4,507 |
| 21 Oct 2026 | 4,303 |
| 20 Oct 2026 | 4,098 |
| 19 Oct 2026 | 3,947 |
Similar skills
- Diagram DesignCreates branded diagrams in self-contained HTML/SVG, covering architecture, process, data and analytical visuals with draw.io, Mermaid and Excalidraw import.
- Visual ExplainerGenerates self-contained HTML pages that explain systems, code changes, plans and data with diagrams and tables.
- Hatch PetCreates and packages Codex-compatible animated pets and spritesheets from character art or visual references.