YOUR PERSONAL COLLECTION

A good find. Yours to keep.

Save tools and skills with your account. Find your next starting point, right here.

Log in to save
English

YOUR PERSONAL COLLECTION

A good find. Yours to keep.

Save tools and skills with your account. Find your next starting point, right here.

Log in to save
← All skills

AI PICKS / AGENT SKILL

Hairline Create

Create interactive isometric line illustrations with your coding agent, delivered as a standalone HTML file.

lucasmarkes/hairline

Before you start: use an agent supporting Skills. AI Picks has not independently verified every runtime. Requirements & license ↗ · Installation guide

Add to your agent

npx skills add https://github.com/lucasmarkes/hairline --skill hairline-create

Run in your terminal and choose an agent supporting Skills. Some skills require additional runtimes; see the repository.

Try this prompt

Use /hairline-create to design a sales funnel illustration that responds to the pointer, with a guided animation tour.
An editorial usage example, not an execution result.

Frequently asked questions

What does Hairline Create help with?

Create interactive isometric line illustrations with your coding agent, delivered as a standalone HTML file.

How do I install Hairline Create?

Run this command in your terminal. Read the source file and repository instructions first.

npx skills add https://github.com/lucasmarkes/hairline --skill hairline-create
Which agents can use Hairline Create?

Check that your agent supports SKILL.md. Some skills also require extra tools or runtimes; consult the author's repository for requirements. View source repository ↗

RESOURCE NOTES

Know before you use

Pricing & licensing
Check the publisher for current pricing and licensing. AI Picks does not sell this resource.
Compatibility
Consult the publisher; AI Picks has not independently verified every runtime.
Source review date

This is an editorial resource listing. Features and compatibility have not all been independently verified; consult the source before use.

Machine-readable details · JSON

See it in action

The official README animation shows six Hairline component figures. Open the Skill examples to explore custom illustrations and prompts.

Source: lucasmarkes/hairline official examplesOpen official examples