Zenn· 2分で読める中級🔥 注目
WebアプリUI開発で実際に役立ったClaude CodeのMCP・Skill
Claude CodeでUI開発する際、Figma MCPとChrome DevTools MCPが極めて実用的です。Figma MCPでは2026年3月に追加されたCanvas書き込み機能により、デザイン生成から実装まで一貫してAIが対応可能に。Chrome DevTools MCPではブラウザの実態を見ながらレイアウト崩れやパフォーマンス問題を同一セッションで修正できます。実装コードと設定方法付きで、実際に動かすための具体的なノウハウが詰まっています。