Create Interactive Hairline Figures
Interactive line illustrations require consistent geometry, motion, and visual checks. This skill guides concept selection, builds a standalone HTML figure, and checks its structure and appearance.
Copy this request to your Agent. It includes the canonical Skill page and manifest.
Review the Skillstore skill "hairline-create" from https://skillstore.io/skills/lucasmarkes-hairline-create.md and its manifest at https://skillstore.io/api/skills/lucasmarkes-hairline-create/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Your Agent should still show its plan and request any confirmation required by the security policy.
Use these links when an AI agent, crawler, or script needs clean context instead of reading the full page.
Using "hairline-create". Suggest a Hairline metaphor for a deployment pipeline.
Expected outcome:
Using "hairline-create". Build the supplied Riffle example and describe its interaction.
Expected outcome:
A standalone HTML page shows eight cards in a rounded tray. The selected card rises, neighboring cards lean away, and the slider controls stagger timing.
Using "hairline-create". Describe the visual inspection deliverables for a completed figure.
Expected outcome:
Most static matches are benign JavaScript syntax, documentation, CSS, or intended local file operations. Automatic npm installation exposes the host to mutable dependencies and enabled lifecycle scripts, while browser inspection lacks network isolation. No evidence found of credential theft, malicious supplied figures, or audit-directed prompt injection.
These are real local capabilities that may be expected for this skill, so they require review but are not counted as confirmed malicious behavior.
Share the versioned assessment report, neutral badge, embed card, and citations. Skillstore reports evidence without deciding whether this Skill is safe.
https://skillstore.io/skills/lucasmarkes-hairline-create/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/lucasmarkes-hairline-create?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/lucasmarkes-hairline-create?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/lucasmarkes-hairline-create/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/lucasmarkes-hairline-create.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>lucasmarkes. (2026). hairline-create security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/lucasmarkes-hairline-create/audits/1@techreport{lucasmarkes-lucasmarkes-hairline-create-2026,
author = {lucasmarkes},
title = {hairline-create security audit report (audit version 1)},
institution = {Skillstore},
year = {2026},
number = {1},
url = {https://skillstore.io/skills/lucasmarkes-hairline-create/audits/1},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "hairline-create security audit report (audit version 1)"
version: "unspecified"
type: report
authors:
- name: "lucasmarkes"
date-released: "2026-10-04"
url: "https://skillstore.io/skills/lucasmarkes-hairline-create/audits/1"
identifiers:
- type: other
value: "skillstore:lucasmarkes-hairline-create:audit:1"
description: "Skillstore immutable audit report identifier"
Explore how a tray, stack, or field responds to pointer movement before adapting the interaction to a product.
Create a standalone HTML line figure with theme switching, an intensity slider, and no runtime external assets.
Translate a process into a recognizable physical metaphor with one gesture and a short readout.
Suggest three Hairline concepts for [idea]. Describe each object, pointer response, and short readout. Wait for my choice before building.
Create a Hairline figure of [object] that [pointer action]. Use the supplied engine and page, then validate the HTML. Ask before installing dependencies.
Inspect [figure file] using [answer point] and [edge points]. Capture the eight views, report failures, and inspect the sheet. Ask before installing dependencies.
Refine [figure file] to [requested change]. Edit only the figure, preserve stable hit areas, rerun validation, and disclose unverified checks. Ask before installing dependencies.
Author
lucasmarkesLicense
MIT
Skillstore revision
r1
Version notice
The author did not declare a version.
Ref
3c8a6986844d0f4d66f39545ffafc38ca8115923
Maintenance freshness
10/5/2026
Usage
0 downloads · 0 views
Generate and Edit Images Across Leading AI Models
by 101-skills
Choosing and invoking image models individually slows creative work. This skill provides one belt CLI workflow for generation, editing, upscaling, and image stitching.
Build Interactive React HTML Artifacts
by Azeem-2
Complex interactive artifacts often need more structure than a single HTML file. This skill scaffolds React projects and bundles them into shareable HTML.
Build Multi-Component HTML Artifacts
by davila7
Complex interactive artifacts require more structure than a single HTML file. This skill scaffolds React projects and bundles them into self-contained HTML artifacts.
Create Interactive HTML Review Artifacts
by kunchenguid
Complex responses are difficult to review in plain text. Lavish creates interactive HTML artifacts that collect visual annotations and structured feedback.
Sync Video With Shot Analysis
by eternityspring
Shot notes are difficult to compare with footage when they live in separate files. This skill combines both into a synchronized video with an animated shot panel.
Create Professional LaTeX Research Posters
by davila7
Dense research content is difficult to fit into a readable conference poster. This skill turns research material into structured, accessible LaTeX poster designs.