moai-library-mermaid
について
このスキルは、MCP Playwrightを使用したClaude Code内でのMermaid図生成を可能にし、アーキテクチャ図、フローチャート、シーケンス図のレンダリングを実現します。21種類の図タイプに対する完全なMermaid 11.12.2構文サポートとSVG/PNG出力機能を提供します。開発者は、Claudeワークフロー内で直接ビジュアルドキュメントや技術図を作成する際に本スキルを活用できます。
クイックインストール
Claude Code
推奨npx skills add yarang/chatbot_ai_assistant_v2 -a claude-code/plugin add https://github.com/yarang/chatbot_ai_assistant_v2git clone https://github.com/yarang/chatbot_ai_assistant_v2.git ~/.claude/skills/moai-library-mermaidこのコマンドをClaude Codeにコピー&ペーストしてスキルをインストールします
GitHub リポジトリ
Frequently asked questions
What is the moai-library-mermaid skill?
moai-library-mermaid is a Claude Skill by yarang. Skills package instructions and resources that Claude loads on demand, so Claude can perform moai-library-mermaid-related tasks without extra prompting.
How do I install moai-library-mermaid?
Use the install commands on this page: add moai-library-mermaid to Claude Code as a plugin, or clone its repository into your skills directory, then restart Claude so it picks up the skill.
What category does moai-library-mermaid belong to?
moai-library-mermaid is in the library category, tagged library, mermaid, diagrams, flowchart, sequence and visualization.
Is moai-library-mermaid free to use?
Yes. moai-library-mermaid is listed on AIMCP and free to install. It runs inside Claude, so no separate service account is required to use the skill itself.
関連スキル
このスキルは、MCP Playwrightを使用したレンダリングにより、Claude Code内でのMermaidダイアグラム生成を可能にします。フローチャート、シーケンス図、ER図を含む全21種類のMermaidダイアグラムタイプの完全な構文サポートを提供します。開発ワークフロー内で直接、企業レベルの品質のダイアグラムを作成およびレンダリングする必要がある場合にご利用ください。
このClaudeスキルは、企業向けReactアプリケーションにshadcn/uiコンポーネントライブラリを実装するための専門的なガイダンスを提供します。AIを活用したアーキテクチャ、デザインシステムの自動化、Tailwind CSS統合によるインテリジェントなコンポーネントオーケストレーションを実現します。shadcn/uiに関する議論、Reactコンポーネントの計画立案、デザイントークンの設定などにご利用ください。
このClaudeスキルは、企業向けReactアプリケーションにおけるshadcn/uiコンポーネントライブラリの実装に関する専門的なガイダンスを提供します。AIを活用したアーキテクチャ設計、自動化されたテーマカスタマイズ、Context7統合によるインテリジェントなコンポーネントオーケストレーションを実現します。shadcn/uiの議論、Reactコンポーネントの計画立案、Tailwind CSSデザイントークンの設定にご活用ください。
このスキルは、Next.jsを使用してプロフェッショナルなドキュメントサイトを構築するための、エンタープライズ対応のNextraフレームワークを提供します。開発者がファイルシステムルーティング、テーマカスタマイズ、組み込みのi18nサポートを備えたMDXベースのドキュメントを作成できるようにします。Next.jsとNextraのゼロコンフィグアプローチで、高性能かつカスタマイズ可能なドキュメントサイトを迅速にセットアップする必要がある場合にご利用ください。
