procedure-visualizer

Generate SVG flowchart diagrams from natural language procedure descriptions, returned as a base64-encoded SVG image.

インストール方法

デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。

Codex または Claude でインストールこの Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。

直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。

npx skills add https://github.com/blayer/ai-edge-skills --skill procedure-visualizer

コマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。

ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。

インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。

ファイルエクスプローラー

5 ファイル

SKILL.md

ソースの指示 · 読み取り専用プレビュー

Play a game of Blackjack against the dealer with interactive hit/stand controls.

Play a game of Blackjack against the dealer with interactive hit/stand controls.

Personalized allergy, skin care, and hair care advisory based on city, season, and personal profile. Uses hardcoded allergen data for 20+ cities.

name	procedure-visualizer
description	Generate SVG flowchart diagrams from natural language procedure descriptions, returned as a base64-encoded SVG image.

Generate flowchart/procedure diagrams from natural language text descriptions.

"Visualize: 1. Start server 2. Check if database is connected 3. Load configuration 4. Begin processing"
"Create a flowchart for: Wake up, Check if it's raining, Take umbrella or wear sunglasses, Go to work"
"Draw a horizontal procedure: Open file, Read contents, Parse data, Save results"

Call the run_js tool with the following exact parameters:

data: A JSON string with the following fields:
- text: (required) A natural language description of a procedure. Steps can be separated by newlines, numbered items, or sentences. Lines containing "if", "whether", "decision", "check", or "?" are treated as decision points (diamond shapes).
- orientation: Layout direction. Options: "vertical", "horizontal". Default: "vertical".
- style: Visual style. Options: "simple", "detailed". Default: "simple".