Cyberdog AI Lab
← ギャラリーに戻る
06

業務フローを「テキストで書いて」HTML図に起こす記法とスキル

aiclaude-codecodexdocument-genbusiness-flowdsl
すべて

目的

業務フロー(AS-IS / TO-BE)を、図ツールでポチポチ手描きするのではなく、差分管理できるテキストで記述できるようにする。そのテキストから Claude Code / Codex スキルがスイムレーンHTML図に自動視覚化する。「図の更新コストが高い」「属人化する」「図が古くなる」という業務フロー図の慢性的な問題を、記法+スキルで解消することを狙う。

領域:B(ドキュメント・設計系)。

ゴール

  • □記法仕様 — 業務フローに必要な語彙を過不足なく定義する(行=役割、列=時系列/行為・成果物・操作内容・手段・課題・待ち・手戻り・条件分岐・例外分岐・並行と合流・期限・AS-IS/TO-BE・用語補足・注釈)
  • □視覚化スキル — 記法テキストから HTML スイムレーン図を生成するスキルを作る(Claude Code / Codex CLI 両対応)
  • □ヒアリング→記法変換スキル — 業務ヒアリングを通じて、その内容を記法に落とし込むスキルを作る(対話で聞き取り → 記法テキストを出力)
  • □逆流チェックスキル — ヒアリング記録・記法・図の3つを突き合わせ、会話に根拠のない記述と取りこぼしを検出する
  • □OSS化 — 記法仕様+スキル一式を OSS として公開し、誰でも利用できる形にする

↗ デモサイトを見る⑂ GitHub で見る✍ Zenn で読む