スキル一覧に戻る

moai-library-mermaid

mattnigh
更新日 5 days ago
7 閲覧
22
1
22
GitHubで表示
その他wordaitestingmcpdesigndata

について

このスキルは、開発者がClaude Code内で直接Mermaidダイアグラム(アーキテクチャ図、フローチャート、シーケンス図など)を作成・レンダリングできるようにします。21種類のダイアグラム形式をサポートし、MCP Playwrightを使用してSVG/PNG出力を生成します。すぐに使えるサンプルとベストプラクティスを活用し、視覚的なドキュメンテーションや企業向けダイアグラム作成にご利用ください。

クイックインストール

Claude Code

推奨
メイン
npx skills add mattnigh/skills_collection -a claude-code
プラグインコマンド代替
/plugin add https://github.com/mattnigh/skills_collection
Git クローン代替
git clone https://github.com/mattnigh/skills_collection.git ~/.claude/skills/moai-library-mermaid

このコマンドをClaude Codeにコピー&ペーストしてスキルをインストールします

GitHub リポジトリ

mattnigh/skills_collection
パス: collection/modu-ai__moai-adk__claude__skills__moai-library-mermaid__SKILL.md
0

関連スキル

moai-library-mermaid

その他

このスキルは、MCP Playwrightを使用したレンダリングにより、Claude Code内でのMermaidダイアグラム生成を可能にします。フローチャート、シーケンス図、ER図を含む全21種類のMermaidダイアグラムタイプの完全な構文サポートを提供します。開発ワークフロー内で直接、企業レベルの品質のダイアグラムを作成およびレンダリングする必要がある場合にご利用ください。

スキルを見る

moai-library-shadcn

その他

このClaudeスキルは、企業向けReactアプリケーションにshadcn/uiコンポーネントライブラリを実装するための専門的なガイダンスを提供します。AIを活用したアーキテクチャ、デザインシステムの自動化、Tailwind CSS統合によるインテリジェントなコンポーネントオーケストレーションを実現します。shadcn/uiに関する議論、Reactコンポーネントの計画立案、デザイントークンの設定などにご利用ください。

スキルを見る

moai-library-nextra

その他

このスキルは、Next.jsを使用してプロフェッショナルなドキュメントサイトを構築するための、エンタープライズ対応のNextraフレームワークを提供します。開発者がファイルシステムルーティング、テーマカスタマイズ、組み込みのi18nサポートを備えたMDXベースのドキュメントを作成できるようにします。Next.jsとNextraのゼロコンフィグアプローチで、高性能かつカスタマイズ可能なドキュメントサイトを迅速にセットアップする必要がある場合にご利用ください。

スキルを見る

moai-library-shadcn

その他

このClaudeスキルは、企業向けReactアプリケーションにおけるshadcn/uiコンポーネントライブラリの実装に関する専門的なガイダンスを提供します。AIを活用したアーキテクチャ設計、自動化されたテーマカスタマイズ、Context7統合によるインテリジェントなコンポーネントオーケストレーションを実現します。shadcn/uiの議論、Reactコンポーネントの計画立案、Tailwind CSSデザイントークンの設定にご活用ください。

スキルを見る