Alpy MCP

概要

• AIツールに共有デザインシステムと30種類以上のデザインスキルを追加し、UI制作に一貫したクリエイティブ方針を与えられます。
• React・Vueコンポーネントや、カラー、余白、角丸、境界線、影などのセマンティックトークンを利用して制作できます。

主な特徴

• タイポグラフィ、レスポンシブレイアウト、アクセシビリティ監査に加え、Bento Grid、パララックス、フラットデザインなどのスタイルに対応します。
• ナビゲーション、フォーム、モーション、アクセシビリティの専用スキルが、コンテンツ配置や画面サイズに応じたレイアウト調整を支援します。
• Claude、Codex、Cursor、Gemini、Figma Connectorと接続し、ライブラリを選択してAIに要件整理から構築まで進めさせられます。

こんな人におすすめ

• AIを使ってプロダクトサイトやダッシュボードを作りながら、ページごとのデザインのばらつきを抑えたいチームや個人に適しています。
• 既存ページのモバイル表示、キーボード操作、色のコントラストなどを監査し、改善点を効率的に見つけたい人に向いています。