フロントエンド開発への AI コーディングエージェントの導入 - MiiTel Phone チームにおける取り組みの紹介 - RevComm Tech Blog

はじめに MiiTel Phone の開発チームでは Claude Code などの AI コーディングエージェントを活用して、生産性やコード品質の改善などに取り組んでいます。 本記事では実際に取り組んでいる内容や課題などについて紹介します。 実施している取り組み UI コンポーネントの実装の効率化 Figma MCP などを活用して、デザインデータから React コンポーネントを生成しています。Storybook 向けのストーリーの生成も任せることで、コーディングエージェントが実装してくれた UI コンポーネントをすぐに確認することができて便利です。 help.figma.com また、React Grab を活用することで、ちょっとした UI の手直しなどが行いやすくなりました。 github.com コードレビューの効率化 GitHub Copilot code review や