AI Agent による自律制作

このコーポレートサイト自体

クライアント: アマノハカリ（自社）

Next.js 16Tailwind v4Framer MotionGemini 2.5 Flash ImageClaude (agent)

取り組み概要

いま閲覧しているこのサイト自体が、AIエージェントとの対話だけで設計・実装・画像生成・配線まで完遂された成果物。情報設計、コンポーネント実装、ブランド画像、SEO、問い合わせAPIまで一気通貫。

Next.js 16 / TypeScript / Tailwind v4 / Framer Motion 構成で 30ファイル・2,012行・18コンポーネント・8ページ。テンプレート未使用・ノーコードツール未使用。一連の生成・検証はビルド成功とブラウザ動作確認まで完了。

AIキャラクター“ミア”の台本生成から音声合成、字幕付き動画の生成、投稿管理までを単一パイプラインに統合。

対象企業のWeb情報を収集・整理し、商談前ブリーフをSlackに自動投稿するエージェントを開発。