Hairline
Two skills that draw pointer-reactive isometric line figures as one dependency-free HTML file, from an idea or from an existing SVG.
Opens hairline.lucasmarkes.com in a new tab
- Author
- Lucas Markes
- Description
- hairline-create turns an idea into a new isometric line figure that reacts to the pointer, and hairline-adopt rebuilds an existing SVG icon, logo, or illustration on the same engine. Both offer two or three concepts first, check the file against Hairline's ten rules, and hand back one HTML file that opens from disk.
- Category
- Illustration and graphics
- Install command
- npx skills add lucasmarkes/hairline
- Skills included
- hairline-create, hairline-adopt
- Documented for
- Claude CodeCursorCodex
- Official
- Yes
- Tags
- isometric, svg, pointer-reactive, html