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.
Kopieren Sie diese Anfrage in Ihren Agent. Sie enthält die maßgebliche Skill-Seite und das 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.Ihr Agent sollte weiterhin seinen Plan anzeigen und alle von der Sicherheitsrichtlinie verlangten Bestätigungen anfordern.
Verwenden Sie diese Links, wenn ein KI-Agent, Crawler oder Skript sauberen Kontext benötigt, statt die vollständige Seite zu lesen.
„hairline-create“ wird verwendet. Suggest a Hairline metaphor for a deployment pipeline.
Erwartetes Ergebnis:
„hairline-create“ wird verwendet. Build the supplied Riffle example and describe its interaction.
Erwartetes Ergebnis:
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.
„hairline-create“ wird verwendet. Describe the visual inspection deliverables for a completed figure.
Erwartetes Ergebnis:
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.
Dies sind echte lokale Fähigkeiten, die für diese Fähigkeit erwartet werden können; daher müssen sie überprüft werden, werden jedoch nicht als bestätigtes bösartiges Verhalten gezählt.
Teile den versionierten Bewertungsbericht, das neutrale Badge, die Einbettungskarte und Zitate. Skillstore berichtet Nachweise, ohne zu entscheiden, ob dieser Skill sicher ist.
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.
Autor
lucasmarkesLizenz
MIT
Skillstore-Revision
r1
Versionshinweis
Der Autor hat keine Version angegeben.
Ref.
3c8a6986844d0f4d66f39545ffafc38ca8115923
Aktualität der Wartung
5.10.2026
Nutzung
0 Downloads · 0 Aufrufe
Build Interfaces from Figma and Design Images
von jakubkrehel
Implementing a design can introduce inconsistent spacing, components, and unsupported visual choices. This skill maps reference designs to existing project tokens and compares the implementation.
Bilder mit führenden KI-Modellen generieren und bearbeiten
von 101-skills
Die individuelle Auswahl und Ausführung von Bildmodellen verlangsamt kreative Arbeitsabläufe. Dieser Skill bietet einen einheitlichen belt CLI-Workflow für Generierung, Bearbeitung, Hochskalierung und das Zusammenfügen von Bildern.
Build Interactive Isometric Technical Explainers
von wheresryan22
Technical concepts can be difficult to explain with static diagrams. Anatomy guides assistants to build detailed physical mechanisms with interactive motion and consistent numeric readouts.
Recreate Screenshots as Working Interfaces
von uizze
Recreating a screenshot can introduce unwanted design changes and visible mismatches. This skill guides your agent to implement the reference and compare rendered results.
Fortgeschrittene Claude-Artefakte erstellen
von davila7
Komplexe Claude-Artefakte benötigen mehr Struktur als eine einzelne HTML-Datei. Dieser Skill erstellt das Grundgerüst eines React-, Tailwind- und shadcn/ui-Projekts und bündelt es für die Weitergabe.
React-HTML-Artefakte erstellen
von Azeem-2
Komplexe interaktive Artefakte benötigen mehr Einrichtung, als eine einzelne HTML-Datei bietet. Diese Skill richtet React, Tailwind CSS, shadcn/ui und Bündelungsskripte für Claude-, Codex- und Claude Code-Workflows ein.