技能 FlowGram Custom Node Development
📦
FlowGram Custom Node Development
v1.0.0 內容修訂 r1 安全 ⚙️ 外部命令🌐 網路存取📁 檔案系統存取
建立 FlowGram 自訂節點
FlowGram 開發人員需要一種可重複使用的方法來新增 demo-free-layout 節點。此 skill 會透過範本、結構描述規則、註冊步驟與測試檢查，引導建立簡單節點與自訂 UI 節點。
支援: Claude Codex Code(CC)
使用我的智慧代理安裝
將此請求複製給你的智慧代理，其中包含權威 Skill 頁面和清單。
智能體請求
Review the Skillstore skill "FlowGram Custom Node Development" from https://skillstore.io/skills/bytedance-create-node.md and its manifest at https://skillstore.io/api/skills/bytedance-create-node/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.你的智慧代理仍應顯示其計畫，並依安全政策請求必要確認。
Agent 可讀資源
當 AI Agent、爬蟲或腳本需要乾淨脈絡、而不是讀取完整頁面時，請使用這些連結。
測試它
正在使用「FlowGram Custom Node Development」。 建立一個簡單通知節點。
預期結果:
- 建議使用簡單節點模式，因為表單使用標準欄位。
- 建議欄位包含 channel、message、priority 與 enabled 狀態。
- 接下來的編輯包含節點類型常數、registry 匯出、圖示資產與本機測試執行。
正在使用「FlowGram Custom Node Development」。 建立一個具有自訂設定面板的 webhook 節點。
預期結果:
- 建議使用複雜節點模式，因為 UI 需要自訂版面配置與互動。
- 建議檔案包含 registry 檔案、表單中繼資料、類型定義與自訂元件。
- 檢閱重點包含輸出結構描述準確性、readonly 支援與 placeholder 替換。
安全審計
安全v9 • 2026/7/19 開啟版本化報告
All 103 static findings are false positives caused by Markdown formatting, TypeScript syntax, fixed imports, generic field names, and documentation links. No prompt injection, malicious intent, data exfiltration, unsafe path handling, or concealed payload was found.
7
已掃描檔案
758
分析行數
0
複核項目
0
已忽略的誤報
風險因素
⚙️ 外部命令 (50)
SKILL.md:12 SKILL.md:20-32 SKILL.md:32-36 SKILL.md:36-38 SKILL.md:38 SKILL.md:40-51 SKILL.md:51-53 SKILL.md:53-54 SKILL.md:54-55 SKILL.md:55 SKILL.md:56-58 SKILL.md:58-62 SKILL.md:62-83 SKILL.md:83-85 SKILL.md:85-89 SKILL.md:89-98 SKILL.md:98-102 SKILL.md:102-107 SKILL.md:107-113 SKILL.md:113-115 SKILL.md:115-116 SKILL.md:116 SKILL.md:117-118 SKILL.md:118-119 SKILL.md:119-120 SKILL.md:120-127 SKILL.md:127-129 SKILL.md:129-130 SKILL.md:130-138 SKILL.md:138-145 SKILL.md:145-146 SKILL.md:146-153 SKILL.md:153 SKILL.md:161-165 SKILL.md:165-171 SKILL.md:171-181 SKILL.md:181-185 SKILL.md:185-191 SKILL.md:191-195 SKILL.md:195-197 SKILL.md:197-202 SKILL.md:202-206 SKILL.md:206-208 SKILL.md:208-217 SKILL.md:217-221 SKILL.md:221-223 SKILL.md:223-225 SKILL.md:225-229 SKILL.md:229-234 SKILL.md:234-240
🌐 網路存取 (4)
📁 檔案系統存取 (13)
SKILL.md:273 SKILL.md:274 templates/complex-node/components/custom-component.tsx:9 templates/complex-node/components/custom-component.tsx:10 templates/complex-node/form-meta.tsx:10 templates/complex-node/form-meta.tsx:13 templates/complex-node/index.tsx:7 templates/complex-node/index.tsx:8 templates/complex-node/index.tsx:9 templates/complex-node/types.tsx:6 templates/simple-node/index.ts:7 templates/simple-node/index.ts:8 templates/simple-node/index.ts:9
最近一次完成的靜態與語意稽核未偵測到已確認的安全發現。這並不能證明該 Skill 沒有副作用。
審計單位: codex 檢視審計紀錄 →
分享與引用此報告
分享版本化評估報告、中性徽章、嵌入卡片與引用。Skillstore 只報告證據，不判斷該 Skill 是否安全。
複製報告連結
https://skillstore.io/skills/bytedance-create-node/audits/9?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown 徽章
[](https://skillstore.io/skills/bytedance-create-node?utm_source=security_passport_badge)HTML 徽章
<a href="https://skillstore.io/skills/bytedance-create-node?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/bytedance-create-node/security.svg" alt="Skillstore security assessment" loading="lazy"></a>嵌入卡片
<iframe src="https://skillstore.io/embed/skills/bytedance-create-node.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>學術引用 (APA · BibTeX · CFF)
APA 引用
bytedance. (2026). FlowGram Custom Node Development security audit report (audit version 9) [Author version 1.0.0]. Skillstore. https://skillstore.io/skills/bytedance-create-node/audits/9BibTeX 引用
@techreport{bytedance-bytedance-create-node-2026,
author = {bytedance},
title = {FlowGram Custom Node Development security audit report (audit version 9)},
institution = {Skillstore},
year = {2026},
number = {9},
url = {https://skillstore.io/skills/bytedance-create-node/audits/9},
note = {Author version 1.0.0}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "FlowGram Custom Node Development security audit report (audit version 9)"
version: "1.0.0"
type: report
authors:
- name: "bytedance"
date-released: "2026-07-19"
url: "https://skillstore.io/skills/bytedance-create-node/audits/9"
identifiers:
- type: other
value: "skillstore:bytedance-create-node:audit:9"
description: "Skillstore immutable audit report identifier"
Skillstore 評分
評分依據 證據置信度: 高 55
架構
100
可維護性
87
內容
72
社群
65
規範符合度
你可以打造什麼
新增簡單設定節點
建立一個使用輸入結構描述與預設欄位值自動呈現表單的節點。
建置自訂 UI 節點
建立一個具有專用表單 renderer、自訂元件與客製化輸出顯示的節點。
標準化節點貢獻
為貢獻者提供檔案版面配置、registry 更新、圖示與本機測試的檢查清單。
試試這些提示
規劃簡單節點
使用 create-node 規劃名為 Alert 的簡單 FlowGram 節點。列出節點類型、輸入、輸出，以及要編輯的檔案。
調整簡單範本
使用 create-node 將簡單節點範本調整為 EmailSender 節點，包含 recipient、subject 與 body 欄位。
設計自訂 UI 節點
使用 create-node 設計一個複雜的 Webhook 節點，包含自訂表單元件、輸出結構描述與註冊步驟。
檢閱節點就緒狀態
使用 create-node 檢閱我的 FlowGram 節點，檢查 placeholder 清理、結構描述一致性、readonly 處理與註冊缺口。
最佳實務
- 一起定義輸入值與輸入結構描述，讓儲存的資料符合呈現的欄位。
- 除非表單需要自訂版面配置或特殊互動，否則使用簡單節點模式。
- 在分享實作之前，先在 demo-free-layout 中測試新節點。
避免
- 在節點類型名稱、圖示、描述或 ID 中留下範本 placeholder。
- 建立繞過 FlowGram Field 綁定的自訂元件狀態。
- 新增缺少必填欄位、限制或清楚描述的寬泛輸入結構描述。
常見問題
這個 skill 針對哪個專案？
它針對 FlowGram demo-free-layout 自訂節點開發。
我應該何時使用簡單節點模式？
當預設的結構描述式表單呈現已足夠時，請使用簡單模式。
我應該何時使用複雜節點模式？
當節點需要自訂版面配置、控制項或互動時，請使用複雜模式。
這個 skill 會產生可直接上線的商業邏輯嗎？
不會。它會引導 UI 節點結構、結構描述、註冊與測試步驟。
它支援 Claude、Codex 與 Claude Code 嗎？
是。marketplace 中繼資料列出支援 Claude、Codex 與 Claude Code。
測試前我應該檢查什麼？
替換 placeholder、註冊節點、新增圖示，並確認結構描述符合初始值。