【Claude】ClaudeでLPを作る手順｜プロンプト全文とVercel公開まで

開発するアプリのLPを作成したい 画像と要件定義を元にLPを作成して

サービス概要
サービス名
GemShare

コンセプト
「世界中のGemを見つけて、共有して、コピーできるサービス」
ユーザーは
Gemのプロンプト
使い方
活用例
を投稿できる。
他のユーザーは
検索
保存
お気に入り
コピー
できる。
MVP（最初のリリース）
必須機能
① Gem投稿
入力
タイトル
説明
カテゴリ
Gemプロンプト
使い方
画像（任意）
投稿
↓
一覧へ表示
② 一覧表示
カード形式
SEO記事を書くGem
★★★★☆
コピー数 523
お気に入り 120
カテゴリ
③ 詳細画面
タイトル
説明
プロンプト
使用例
コピーする
お気に入り
コメント
④ コピー機能
コピー
押すだけ
navigator.clipboard.writeText()
⑤ 検索
検索
SEO
動画
プログラミング
英語
マーケティング
⑥ カテゴリ
開発
ライティング
画像生成
勉強
仕事
YouTube
SNS
営業
マーケティング
翻訳
⑦ タグ
#Gemini
#SEO
#ブログ
#Python
#React
#Claude
⑧ お気に入り
保存
⑨ コピー数
人気ランキング
コピー数
今日
今週
今月
ログイン
Googleログインのみ
Google OAuth
投稿データ
title
description
prompt
category
tags
thumbnail
created_at
updated_at
user_id
コメント
いいGemでした！
仕事で使っています！
ありがとうございます！
評価
★★★★★
トップページ
人気Gem
新着Gem
ランキング
カテゴリー
検索
ランキング
コピー数
お気に入り数
評価
閲覧数
通知
お気に入りされた
コメントされた
ランキング入り
ユーザーページ
プロフィール
投稿一覧
お気に入り一覧
フォロワー
管理画面
管理者のみ
投稿削除
通報確認
ユーザー停止
カテゴリ追加
データベース
users
id
name
icon
email
prompts
id
title
description
prompt
category_id
user_id
views
copies
likes
categories
id
name
tags
id
name
prompt_tags
prompt_id
tag_id
likes
user_id
prompt_id
comments
id
user_id
prompt_id
body
技術構成
Frontend
React
Next.js
TailwindCSS
Backend
Supabase
認証
Google OAuth
Storage
Supabase Storage
将来的な機能
AIレビュー
投稿したGemに対して
改善点
読みやすさ
長さ
不足点
をAIが採点。
AI検索
検索
ブログを書くGem
↓
意味検索
SEOライター
記事生成
ブログ自動化
AIおすすめ
あなたにおすすめ
最近使ったGemから推薦
ワンクリックインポート
Gemプロンプトをコピー
↓
Geminiへ貼り付け
収益化
MVPでは広告を入れず、まずはユーザー獲得を優先するのがおすすめです。利用者が増えてから以下のような収益化を検討できます。
方法	内容
プレミアム会員	非公開コレクション、ブックマーク上限拡大、高度な検索
スポンサー掲載	AIツールや学習サービスの掲載枠
アフィリエイト	AI関連サービスや書籍の紹介
API提供	他サービスから人気Gemを取得できるAPI
企業アカウント	チーム向け共有・管理機能