frame-flowchart-sticky

01 前言 Front Matter

od

{ "mode": "video", "preview": { "type": "html", "entry": "index.html", "reload": "debounce-100" }, "surface": "video", "scenario": "operations", "upstream": "https://github.com/nexu-io/html-anything", "design_system": { "requires": false }, "example_prompt": "Use the Sticky Flowchart Frame template to turn my content into a whiteboard-brainstorm frame with SVG curve connectors, sticky-note nodes, and cursor interaction. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images.", "example_prompt_i18n": { "zh-CN": "用「便利贴流程图帧」模板把我的内容做成一段「SVG 曲线连接 + 便利贴节点 + 光标交互, 像白板 brainstorm」。保持模板的视觉签名，使用真实内容和数据，避免 lorem ipsum 和占位图片。" } }

name

frame-flowchart-sticky

tags

[ "flowchart", "diagram", "sticky", "whiteboard", "frame" ]

emoji

📝

en_name

Sticky Flowchart Frame

zh_name

便利贴流程图帧

category

video

featured

45

scenario

operations

example_id

sample-frame-flowchart-sticky

aspect_hint

1920×1080 (16:9)

description

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

example_desc

6 节点 onboarding 流程, 手写体 + 白板纸底

example_name

便利贴流程图 · 用户 onboarding

en_description

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

example_format

markdown

zh_description

SVG 曲线连接 + 便利贴节点 + 光标交互, 像白板 brainstorm

example_tagline

SVG 曲线 + 4 色便利贴

example_source_url

https://hyperframes.heygen.com/catalog

example_source_label

hyperframes · flowchart

02 资源文件 2

• 参考文档example.html5.8 KB
• 参考文档open-design.json5.4 KB

03 SKILL.md 正文