について
このスキルは、開発者がReact 19やVue 3.5などのフレームワークを使用して、エンタープライズグレードでアクセシブルなUIコンポーネントライブラリを設計・構築することを支援します。Atomic Designパターンを実装し、本番環境対応システムのためのWCAG 2.1 AA準拠を保証します。スケーラブルで再利用可能なコンポーネントアーキテクチャの構築や、デザインシステムの統合時にご利用ください。
クイックインストール
Claude Code
推奨npx skills add AJBcoding/claude-skill-eval -a claude-code/plugin add https://github.com/AJBcoding/claude-skill-evalgit clone https://github.com/AJBcoding/claude-skill-eval.git ~/.claude/skills/moai-component-designerこのコマンドをClaude Codeにコピー&ペーストしてスキルをインストールします
GitHub リポジトリ
Frequently asked questions
What is the moai-component-designer skill?
moai-component-designer is a Claude Skill by AJBcoding. Skills package instructions and resources that Claude loads on demand, so Claude can perform moai-component-designer-related tasks without extra prompting.
How do I install moai-component-designer?
Use the install commands on this page: add moai-component-designer 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-component-designer belong to?
moai-component-designer is in the Meta category, tagged react, ai and design.
Is moai-component-designer free to use?
Yes. moai-component-designer is listed on AIMCP and free to install. It runs inside Claude, so no separate service account is required to use the skill itself.
関連スキル
このスキルは、Content Collections(Markdown/MDXファイルを型安全なデータコレクションに変換するTypeScriptファーストのツール)の本番環境でテストされた設定を提供します。Zodバリデーションによる型安全性を実現し、ブログ、ドキュメントサイト、コンテンツ重視のVite + Reactアプリケーション構築時にご利用ください。Viteプラグインの設定、MDXコンパイルから、デプロイ最適化、スキーマバリデーションまで、すべてを網羅しています。
このスキルは、開発者がPolymarket予測市場プラットフォームを活用したアプリケーション構築を可能にします。API統合による取引や市場データの取得に加え、WebSocketを介したリアルタイムデータストリーミングにより、ライブ取引や市場活動を監視できます。取引戦略の実装や、ライブ市場更新を処理するツールの作成にご利用ください。
このスキルは、開発者がコマンド、ファイル、LSP操作など25種類以上のイベントタイプにフックするOpenCodeプラグインを作成することを支援します。JavaScript/TypeScriptモジュール向けに、プラグイン構造、イベントAPI仕様、および実装パターンを提供します。カスタムイベント駆動ロジックでOpenCode AIアシスタントのライフサイクルをインターセプト、監視、または拡張する必要がある場合にご利用ください。
SGLangは、高性能なLLMサービングフレームワークであり、RadixAttentionプレフィックスキャッシュを活用したJSON、正規表現、エージェントワークフロー向けの高速で構造化された生成を特長とします。特にプレフィックスが繰り返されるタスクにおいて、大幅に高速な推論を実現し、複雑な構造化出力やマルチターン対話に最適です。制約付きデコードが必要な場合や、広範なプレフィックス共有を伴うアプリケーションを構築する場合は、vLLMなどの代替案ではなくSGLangを選択してください。
