shell
$ npx -y skills add nexu-io/html-anything --skill frame-flowchart-sticky --agent claude-codeInstalls just this skill. Get the whole plugin for auto-invocation.
How it fires
How this skill gets triggered: by you, by Claude, or both.
- Fires itselfClaude auto-loads it when your prompt matches the work.
- You can call itInvoke it directly when you want it.
- Slash command
/frame-flowchart-sticky
Context preview
The summary Claude sees to decide when to auto-load this skill.
SVG 曲线连接 + 便利贴节点 + 光标交互, 像白板 brainstorm
Stats
Stars7,917
Forks772
LanguageHTML
LicenseApache-2.0
Ships with html-anything
SKILL.md
frame-flowchart-sticky.SKILL.md
--- name: frame-flowchart-sticky zh_name: "便利贴流程图帧" en_name: "Sticky Flowchart Frame" emoji: "📝" description: "SVG 曲线连接 + 便利贴节点 + 光标交互, 像白板 brainstorm" category: video scenario: operations aspect_hint: "1920×1080 (16:9)" featured: 45 tags: ["flowchart", "diagram", "sticky", "whiteboard", "frame"] example_id: sample-frame-flowchart-sticky example_name: "便利贴流程图 · 用户 onboarding" example_format: markdown example_tagline: "SVG 曲线 + 4 色便利贴" example_desc: "6 节点 onboarding 流程, 手写体 + 白板纸底" example_source_url: "https://hyperframes.heygen.com/catalog" example_source_label: "hyperframes · flowchart" --- 【模板: 便利贴流程图帧 (Sticky Flowchart)】 【意图】把一个流程 / 系统 / 工作流画成"白板 + 便利贴"的样子, 适合 onboarding 视频、运营流程说明、系统架构讲解。Inspired by hyperframes flowchart。 【画布】1920×1080。背景: 米黄白板纸 `#f4ede1` 或冷灰白板 `#f0f2f4`; 加非常浅的 hex grid `rgba(0,0,0,0.04)` 让它有白板感。
