Skip to content
AI & Agents
Skill

/hairline

一句话生成跟随鼠标的交互式等轴测线框图（单文件、零依赖、双击即开），或把已有 SVG/Logo 重建为可交互线框。

BOOST
@anbeimeanbeime@anbeime
From plugin
skill
9.5k127 skills

Claude Code

$ npx -y skills add anbeime/skill --skill hairline --agent claude-code

SKILL.md

hairline.SKILL.md
name: hairline
description: 一句话生成跟随鼠标的交互式等轴测线框图（单文件、零依赖、双击即开），或把已有 SVG/Logo 重建为可交互线框。
source: https://github.com/lucasmarkes/hairline
type: collection
license: MIT

hairline

> 一句话画出跟随鼠标的交互式线框图。零运行时依赖、约 35 kB、MIT，React 和原生 JS 都能用。

本目录是 [lucasmarkes/hairline](https://github.com/lucasmarkes/hairline) 的完整仓库快照，内含：

  • **图形库**：33 个等轴测细线图形（鼠标靠近会抬起卡片、抽出机柜、逐行浮起）。
  • **`skills/hairline-create`**：把一句想法（如"销售漏斗"）先给 2–3 个构思，按十条硬规则生成并自检，交付**单文件、无依赖、双击即开的 HTML**。
  • **`skills/hairline-adopt`**：把已有 SVG 图标 / Logo 重建成可交互线框图。

设计硬规则（克制风格）

  • 只有描边，无填充 / 渐变 / 发光
  • 图内不放文字
  • 一个图只讲一个概念

适合官网首屏和技术文档配图。

安装

npx skills add lucasmarkes/hairline

子技能入口

  • `skills/hairline-create/SKILL.md`
  • `skills/hairline-adopt/SKILL.md`
Read it on GitHub ↗
Stats
PythonJavaScriptHTMLBashRubyVercelGitHubPlaywrightMarkdownAnthropicMCPObsidian
9,560
Stars
844
Forks
Active
Maintenance
Python
Language
Last commit
Created
Added

Repo: anbeime/skill

In this plugin
127 skills
See everything inside
@anbeime
Ships withskill

收录最全、更新最快的AI Agent技能库，涵盖文档处理、内容创作、编程开发、机器学习、自动化工作流等多个领域的精选技能包。 🎁 知易多模型知识管家 · 免费试用预约 — 20+ 模型自由切换、技能市场、四色卡片知识库，留邮箱锁定免费试用名额，每周再收一份知易AI周刊。

9.5k127 skills
Get the whole plugin

Stars on GitHub

Momentum

stars in total
9.5k
Star history of anbeime/skill on GitHub, a chart by star-history.com
See what's trending this week

Other skills on skill.

doc-parse

doc-parse

将 PDF/PPT/Excel/Word 等多格式文档解析为结构化 Markdown，并输出元数据与解析置信度，作为 RAG 与四色卡片的数据底座。

skill
@anbeime@anbeimeInstall Skill
four-color-cards

four-color-cards

基于解析后的文档与用户意图，生成四色卡片——事实蓝卡、解释绿卡、风险黄卡、行动红卡，是八官署方法论的核心分析输出。

skill
@anbeime@anbeimeInstall Skill
provenance

provenance

收集系统全链路操作日志，生成可追溯的执行证据链与向量索引，是多智能体系统可观测性与安全审计的底座。

skill
@anbeime@anbeimeInstall Skill
security-scan

security-scan

对进入系统的文件或 URL 执行安全与合规扫描，输出 pass/reject 判定与扫描报告，作为所有文档处理的强制前置关卡。

skill
@anbeime@anbeimeInstall Skill
RuiC-card-skill

RuiC-card-skill

Generate interactive 3D holographic collectible-card websites from a user description or reference image, using layered artwork,…

skill
@anbeime@anbeimeInstall Skill
agent-team

agent-team

产品经理与项目管理专家在应对复杂项目时，使用此技能可动态组建包含“执行、指挥、评审”的专属AI团队。实时查看多智能体辩论与决策全过程，共享统一上下文记忆，一键完成从会议决策到系统构建的全流程高效协同！

skill
@anbeime@anbeimeInstall Skill
See all 127 skills in skill

More skills from other plugins.

1password

1password

Set up and use 1Password CLI for sign-in, desktop integration, and reading or injecting secrets.

openclaw2w393k
@openclaw@openclawInstall Skill

Questions about hairline.

Which coding agents can use hairline?
hairline installs in Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf with the skills CLI, using each agent's flag shown on this page. Flowy's auto-invocation, which fires a skill when your prompt matches, runs in Claude Code only.