Communityコーディング&開発github.com

xntj-ai/flowmaker

フローの1行説明から、単一HTML・バックエンド不要・ドラッグ編集可能なフローチャートを生成するスキル(菱形/開始終了/処理の3形状、ガラス調ライトテーマ)

flowmaker とは?

flowmakerは、ユーザーが入力した「フローの1行説明」をもとに、バックエンド不要で完全に独立した単一HTMLファイルのフローチャートを生成するAIエージェントスキルです。生成されるフローチャートは、菱形(条件分岐)、角丸長方形(開始/終了)、長方形(処理)の3形状をサポートし、洗練された「ガラス調ライトテーマ(Glassmorphism Light)」で表示されます。特徴的なのは、生成後のフローチャートがWebブラウザ上でドラッグ&ドロップによるノード移動や編集が可能な点で、静的図ではなく、動的に調整できる実用的なドキュメントとして利用できます。このスキルは Claude Code や Cursor、Codex などのAIエージェント環境と連携し、ユーザーの要求を自然言語で受け取って即座にブラウザ上で動作するフローチャートエディタを生成します。ソースコードはGitHub(xntj-ai/flowmaker)で公開されており、スター数は2、最終更新は2026年6月16日です。

対応~Claude Code~Codex CLI~Cursor
npx skills add xntj-ai/flowmaker

Installed? Explore more コーディング&開発 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

flowmaker は何をしますか?

フローの1行説明 → 単一HTML、バックエンド不要、ドラッグ編集可能なウェブフローチャートスキル(菱形/開始終了/処理の3形状、ガラス調ライトテーマ)

  • ソース: https://github.com/xntj-ai/flowmaker
  • GitHubスター: 2
  • 最終プッシュ: 2026-06-16T10:15:23Z
  • Awesome Skills デイリースキルハンターにより 2026-06-16 に追加

関連スキル