moai-library-mermaid
について
このスキルは、MCP Playwrightを使用したレンダリングにより、Claude Code内でのMermaid図作成を可能にします。アーキテクチャ図やフローチャートを含む全21種類のMermaid図タイプをサポートし、SVG/PNG形式での出力に対応しています。開発者は、エンタープライズパターンとベストプラクティスに基づいた視覚的ドキュメンテーションのニーズに活用すべきです。
クイックインストール
Claude Code
推奨npx skills add hnabyz-bot/fpga-work -a claude-code/plugin add https://github.com/hnabyz-bot/fpga-workgit clone https://github.com/hnabyz-bot/fpga-work.git ~/.claude/skills/moai-library-mermaidこのコマンドをClaude Codeにコピー&ペーストしてスキルをインストールします
GitHub リポジトリ
関連スキル
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-shadcn
その他このClaudeスキルは、企業向けReactアプリケーションにおけるshadcn/uiコンポーネントライブラリの実装に関する専門的なガイダンスを提供します。AIを活用したアーキテクチャ設計、自動化されたテーマカスタマイズ、Context7統合によるインテリジェントなコンポーネントオーケストレーションを実現します。shadcn/uiの議論、Reactコンポーネントの計画立案、Tailwind CSSデザイントークンの設定にご活用ください。
moai-library-nextra
その他このスキルは、Next.jsを使用してプロフェッショナルなドキュメントサイトを構築するための、エンタープライズ対応のNextraフレームワークを提供します。開発者がファイルシステムルーティング、テーマカスタマイズ、組み込みのi18nサポートを備えたMDXベースのドキュメントを作成できるようにします。Next.jsとNextraのゼロコンフィグアプローチで、高性能かつカスタマイズ可能なドキュメントサイトを迅速にセットアップする必要がある場合にご利用ください。
