mcpField
F
feishu-cli-visual

feishu-cli-visual

github.com/riba2534デザイン・UI1.4k149 回インストール3 週間前に更新
リポジトリ

feishu-cli-visual について

feishu-cli-visualは、Feishu向け成果物の可視化ワークフローを振り分けるスキルです。チャート、ボード、Slides、HTMLコンテンツ、妙搭アプリに応じた手順を選び、ローカルファイルだけが求められる場合は元の納品方法を維持します。

主な機能

  1. 01成果物の種類に応じたワークフロー振り分け
  2. 02データ可視化とチャート選択への対応
  3. 03ボード、Slides、HTMLコンテンツの作成
  4. 04HTMLの妙搭アプリとしての公開
  5. 05色パレット変更後の検証スクリプト実行

活用シーン

  1. 01Feishuのデータ表示に使うチャート形式の選択
  2. 02編集可能なノードを持つ静的ボードの作成
  3. 03Slidesプレゼンテーションの作成や変更
  4. 04ドキュメント内のインタラクティブコンテンツや妙搭アプリの制作

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/riba2534/feishu-cli --skill feishu-cli-visual

インストール後、Claude Code で/feishu-cli-visualを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

evals/
evals.json
references/workflows/apps/
workflow.md
references/workflows/board/
workflow.md
references/workflows/board/references/
basic-commands.md
connectors.md
content.md
examples-real.md
layout.md
mermaid-engines.md
node-api.md
pitfalls.md
plantuml-safe-subset.md
schema.md
style.md
svg-workflow.md
typography.md
references/workflows/board/scripts/
svg_to_board.py
test_svg_to_board.py
references/workflows/dataviz/
workflow.md
references/workflows/dataviz/references/
anti-patterns.md
choosing-a-form.md
palette.md
references/workflows/dataviz/scripts/
check_docs.js
palette.json
validate_palette.js
references/workflows/htmlbox/examples/
supervisor.json
references/workflows/htmlbox/references/
animated-flowchart.md
gallery.md
geo-3d.md
mechanism.md

詳細

プロジェクトの README より

飞书可视化与展示

加载工作流后,将其中 references/、scripts/、templates/、examples/ 相对路径按该 workflow.md 所在目录解析;执行脚本时使用解析后的实际路径,不要依赖当前 shell 目录。

仅在目标是飞书产物时选择下列载体;用户只要本地文件时保留原交付方式。 飞书载体尚未确定时先读 dataviz;已明确载体时直接读取对应工作流。

路由

意图读取文件
未指定载体的数据图表、配色和形式选择references/workflows/dataviz/workflow.md
静态画板、可编辑节点、SVG、Mermaid/PlantUMLreferences/workflows/board/workflow.md
创建或修改 Slides 演示文稿references/workflows/slides/workflow.md
文档内动态、交互、CSS/JS、ECharts、3Dreferences/workflows/htmlbox/workflow.md
把 HTML 发布为妙搭应用references/workflows/apps/workflow.md

载体边界

  • 飞书文档内动态或交互:htmlbox。
  • 飞书静态画板且节点可编辑:board。
  • 飞书演示文稿:slides。
  • 用户要求发布为妙搭 HTML 应用:apps。
  • 要消息通知卡片:feishu-cli-messaging 的 card 工作流。

改动色板或底色后运行本 Skill 的 dataviz 校验脚本;原样使用已校验色板无需重复验证。 主题和风格是默认选项,优先满足用户指定的品牌色、明暗主题和载体,并验证可读性。

コメント