# デザインシステム

このプロジェクトには、Angularコンポーネントのリファクタリングとデザインシステムの移行に関するAI支援ワークフローテンプレートが含まれており、複雑なリファクタリング操作の構造化された段階的なガイドを提供します。

Figma MCPサーバーは、モデルコンテキストプロトコル (MCP) に基づくミドルウェアで、ClaudeなどのクライアントにFigma API統合サービスを提供し、デザインシステム管理とファイル操作をサポートします。

Reablocksデザインシステムに基づくインテリジェントなReactコンポーネント生成MCPサーバーで、自然言語処理を通じて本番環境で使用可能なTypeScriptコンポーネントを生成し、レスポンシブレイアウトとアクセシビリティサポートを備えています。

Gemini UIデザインサーバーは、MCPプロトコルに基づく企業向けUI/UXデザインとフロントエンド実装の専門システムで、Google Gemini 2.5 PROを統合することで、専門的なUIコンポーネントデザイン、コードレビュー、フロントエンドコード生成、アーキテクチャコンサルティングサービスを提供します。

Storybookデザインシステムからコンポーネント情報を抽出するMCPサーバーで、コンポーネントリスト、HTML、スタイル、属性、およびデザインシステムのテーマなどの機能をサポートします。

FigmaのデザインをVue 3コンポーネントに変換するMCPサーバーで、HostingerデザインシステムとHComponentsの規範に準拠し、レスポンシブコンポーネントとBEMスタイルの自動生成をサポートします。

UIエキスパートMCPは、専門的なUI/UXデザインの提案とフロントエンド開発ツールを提供するMCPサーバーで、インターフェイスの分析、デザインシステムの生成、コンポーネントの改善と作成などの機能をサポートし、Claude Code CLIとSuperClaudeフレームワークと深く統合されています。

Figma MCPサーバープロジェクトは、Claudeなどのクライアントを通じてFigma APIとの統合を実現し、ファイルの読み取りとデザインシステム管理機能をサポートしています。拡張可能なアーキテクチャを備えていますが、APIの制限により現在は読み取り専用です。

Modus Web ComponentsのAIアシスタントMCPサービスで、コンポーネントドキュメント、デザイン規則、およびプロジェクト設定ガイドの即時クエリを提供します。

Ant Designコンポーネントのドキュメントクエリサービスを提供するMCPサーバーで、大規模言語モデルが専用ツールを通じてAnt Designコンポーネントライブラリを探索し、理解できるようにします。

Cloudscape MCPアシスタントは、Roo AIの機能を強化するサーバーで、AWS Cloudscapeデザインシステムの包括的なサポートを提供し、コンポーネントの発見、ドキュメントの閲覧、コード生成などの機能を備えています。