Skill

/frame-flowchart-sticky

SVG curve connectors, sticky-note nodes, and cursor interaction with a whiteboard-brainstorm feel.

shell

$ npx -y skills add nexu-io/open-design --skill frame-flowchart-sticky --agent claude-code

Installs 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 curve connectors, sticky-note nodes, and cursor interaction with a whiteboard-brainstorm feel.

Stats

Stars80,930

Forks9,351

LanguageTypeScript

LicenseApache-2.0

Ships with open-design

SKILL.md

frame-flowchart-sticky.SKILL.md

---
name: frame-flowchart-sticky
zh_name: "便利贴流程图帧"
en_name: "Sticky Flowchart Frame"
emoji: "📝"
description: "SVG curve connectors, sticky-note nodes, and cursor interaction with a whiteboard-brainstorm feel."
zh_description: "SVG 曲线连接 + 便利贴节点 + 光标交互, 像白板 brainstorm"
en_description: "SVG curve connectors, sticky-note nodes, and cursor interaction with a whiteboard-brainstorm feel."
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"
od:
  mode: video
  surface: video