開発事例 / Webアプリ

SITE-COPY - AIコード生成プラットフォーム

13種以上のAIモデルでWebサイトのコードを自動生成

公開中

URLやスクリーンショットからWebサイトを解析し、複数のAIモデル（GPT-4o、Claude、Gemini等13種以上）でコードを自動生成。リアルタイム生成・7種類の出力形式・バリアント生成など、開発効率を劇的に向上させるプラットフォーム。

この作品の要点

困っていたこと	既存サイトの再現やリデザインに時間がかかる。
やったこと	Playwrightでサイトを自動解析しAIに最適なコンテキストを提供。
起きたこと	サイト再現・プロトタイプ作成の時間を大幅短縮。

どこでつまずいたか

01既存サイトの再現やリデザインに時間がかかる

02AIモデルごとに得意分野が異なり最適な選択が難しい

03コード生成後の調整・比較が非効率

01Playwrightでサイトを自動解析しAIに最適なコンテキストを提供

02複数モデルを統一UIで切り替え可能にし用途別に選択

03バリアント生成とリアルタイムプレビューで比較・調整を効率化

担当	企画・設計・フルスタック開発・AI連携・運用
使った技術	React 18・TypeScript・Vite・Zustand・Radix UI・Tailwind CSS・CodeMirror 6・FastAPI・WebSocket・OpenAI API・Anthropic Claude・Google Gemini・Playwright