MCP HubMCP Hub
SKILL·5D3A3B

moai-component-designer

modu-ai
更新日 5 months ago
129 閲覧
424
78
424
GitHubで表示
メタreactaidesign

について

このClaudeスキルは、React 19、Vue 3.5、およびAtomic Designパターンを使用してエンタープライズレベルのコンポーネントライブラリを構築する開発者を支援します。WCAG 2.1 AA基準に準拠した、アクセシブルでプロダクションレディなUIコンポーネントを作成する機能を提供します。スケーラブルなコンポーネントシステムの設計、デザイントークンの実装、またはアプリケーションにおけるアクセシビリティ準拠の確保が必要な際にご利用ください。

クイックインストール

Claude Code

推奨
メイン
npx skills add modu-ai/moai-adk -a claude-code
プラグインコマンド代替
/plugin add https://github.com/modu-ai/moai-adk
Git クローン代替
git clone https://github.com/modu-ai/moai-adk.git ~/.claude/skills/moai-component-designer

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

GitHub リポジトリ

modu-ai/moai-adk
パス: src/moai_adk/templates/.claude/skills/moai-component-designer
0
agentic-aiagentic-codingagentic-workflowclaudeclaudecodevibe-coding
FAQ

よくある質問

moai-component-designer Skillとは何ですか?

moai-component-designer はmodu-ai が作成した Claude Skillです。Skillは、Claudeが必要に応じて読み込む指示とリソースをまとめ、追加の指示なしで moai-component-designer に関連するタスクを実行できるようにします。

moai-component-designer をインストールするには?

このページのインストールコマンドを使用してください。moai-component-designer をプラグインとして Claude Code に追加するか、リポジトリを skills ディレクトリにクローンし、Claudeを再起動してSkillを読み込みます。

moai-component-designer はどのカテゴリに属しますか?

moai-component-designer は メタ カテゴリに属します。

moai-component-designer は無料で利用できますか?

はい。moai-component-designer は AIMCP に掲載されており、無料でインストールできます。

関連スキル

content-collections
メタ

このスキルは、Content Collections(Markdown/MDXファイルを型安全なデータコレクションに変換するTypeScriptファーストのツール)の本番環境でテストされた設定を提供します。Zodバリデーションによる型安全性を実現し、ブログ、ドキュメントサイト、コンテンツ重視のVite + Reactアプリケーション構築時にご利用ください。Viteプラグインの設定、MDXコンパイルから、デプロイ最適化、スキーマバリデーションまで、すべてを網羅しています。

スキルを見る
polymarket
メタ

このスキルは、開発者がPolymarket予測市場プラットフォームを活用したアプリケーション構築を可能にします。API統合による取引や市場データの取得に加え、WebSocketを介したリアルタイムデータストリーミングにより、ライブ取引や市場活動を監視できます。取引戦略の実装や、ライブ市場更新を処理するツールの作成にご利用ください。

スキルを見る
creating-opencode-plugins
メタ

このスキルは、開発者がコマンド、ファイル、LSP操作など25種類以上のイベントタイプにフックするOpenCodeプラグインを作成することを支援します。JavaScript/TypeScriptモジュール向けに、プラグイン構造、イベントAPI仕様、および実装パターンを提供します。カスタムイベント駆動ロジックでOpenCode AIアシスタントのライフサイクルをインターセプト、監視、または拡張する必要がある場合にご利用ください。

スキルを見る
sglang
メタ

SGLangは、高性能なLLMサービングフレームワークであり、RadixAttentionプレフィックスキャッシュを活用したJSON、正規表現、エージェントワークフロー向けの高速で構造化された生成を特長とします。特にプレフィックスが繰り返されるタスクにおいて、大幅に高速な推論を実現し、複雑な構造化出力やマルチターン対話に最適です。制約付きデコードが必要な場合や、広範なプレフィックス共有を伴うアプリケーションを構築する場合は、vLLMなどの代替案ではなくSGLangを選択してください。

スキルを見る