フローチャートを手動で作成するには時間がかかり、グラフィカルツールが必要です。このスキルはMermaidフローチャート構文への即座のアクセスを提供し、テキスト記述から直接プロフェッショナルな図を生成できます。
下载技能 ZIP
在 Claude 中上传
前往 设置 → 功能 → 技能 → 上传技能
开启并开始使用
测试它
正在使用“mermaid-flowchart”。 ユーザー認証フローを示すフローチャートを作成してください
预期结果:
- Start → Login Form → Validate Credentials → Valid? → Yes: Grant Access → Dashboard
- → No: Show Error → Back to Login Form
正在使用“mermaid-flowchart”。 ローン承認のデシジョンツリーを表示してください
预期结果:
- Application Received → Check Credit Score → Score >= 700? → Yes: Approve → Send Offer
- → No: Check Income → Income > 50k? → Yes: Review Manually
安全审计
安全Pure documentation skill containing only markdown reference material for Mermaid flowchart syntax. No executable code, scripts, network calls, or filesystem access. All 499 static findings are false positives triggered by markdown syntax patterns (backticks for code blocks, algorithm names in CDN URLs, and generic terms in documentation context).
风险因素
🌐 网络访问 (18)
⚙️ 外部命令 (383)
📁 文件系统访问 (2)
质量评分
你能构建什么
プロセスを文書化
シンプルなテキスト構文を使用して、ドキュメント、READMEファイル、社内ガイドにフローチャートを追加
システムアーキテクチャを設計
コードコメント内でシステムコンポーネント、データフロー、デシジョンツリーを直接マッピング
ワークフローを可視化
プロジェクト計画とチームコミュニケーションのためのプロセス図とデシジョンツリーを作成
试试这些提示
矢印で接続された3-4ステップの基本的なプロセスを示すMermaidフローチャートを作成してください
yes/noパスに分岐する菱形の決定ノードを含むMermaidフローチャートを生成してください
複数のノードを持つフローチャートを作成し、スタイリング用のカスタムCSSクラスを適用してください
サブグラフ、複数の形状、エッジアニメーションを含むシステムアーキテクチャを示すMermaidフローチャートを生成してください
最佳实践
- 図のメンテナンスを容易にするため、ノードIDは短く意味のあるものにする
- フローチャート全体で一貫した方向(左から右の場合はLR、上から下の場合はTD)を使用する
- 将来の参照のために、複雑なセクションを説明するコメントを図のコードに追加する
避免
- 修正せずに小文字の'end'をノードテキストとして使用する(Mermaidのパースを破壊します)
- ノードテキストと接続文字の間にスペースを配置する
- 可読性を低下させる過度に複雑な単一行宣言を作成する
常见问题
Mermaidフローチャート構文をサポートしているツールは何ですか?
サポートされる最大のフローチャートの複雑さは何ですか?
ドキュメントでMermaidを使用できますか?
このスキルを使用する際、データは安全ですか?
フローチャートが正しくレンダリングされないのはなぜですか?
これはグラフィカルなフローチャートツールと比較してどうですか?
开发者详情
文件结构
📄 SKILL.md