GoodCase.aiAI 动态 · Radar↗图谱 · AI Map↗课程 · LearnPrompt↗
出品GoodCase.aiAI News Radar ↗AI Map ↗LearnPrompt ↗
GoodCase.aiGoodCase.aiAI提示语案例合集
GoodCase.ai
排行榜案例Skills收藏投稿早报加入我们
中文EN
Agent 接入 →

出品

AI 动态 · Radar ↗图谱 · AI Map ↗课程 · LearnPrompt ↗
GoodCase.aiGoodCase.aiAI提示语案例合集
排行榜案例Skills收藏投稿早报加入我们
中文EN
Agent 接入 →

加载中…

GoodCase.ai · AI提示语案例合集
更新日志反馈
Muse内にX風のアプリを作ったんですけど、プロンプトおいておきます。自分の好きなAIお友達だけしかいないXを作れます。

Muse内にX風のアプリを作ったんですけど、プロンプトおいておきます。自分の好きなAIお友達だけしかいないXを作れます。

创作者 · amai_ai_

AI 编程(UI)X2026-11-11收录 2026/11/12已有人复测#web-ui
更多标签 (1)
#motion-3d
查看原始来源 ↗原帖 ♥ 334

Prompt

复刻提示词保留原文,另附运行环境、素材与验收要求;附加说明不是原作者原话。

Muse内にX風のアプリを作ったんですけど、プロンプトおいておきます。自分の好きなAIお友達だけしかいないXを作れます。

保存機能つきのスペース(アプリ)を1つ作ってください。アプリ名は「X」です。 X風SNSアプリを単体で作ってください。以下の仕様をできるだけ忠実に再現してください。  ■ 全体構造 - X風SNSアプリ単体で完結させること - 画面は主に: タイムライン(ホーム)/通知/DM/いいね/リスト/プロフィール/設定 - キャラデータと会話データは、このアプリの中で管理すること。全キャラがXに出る前提で作ること - 初期状態はキャラ0人。タイムライン・通知・DM・リストは空から始まる。キャラは使う人が設定画面から自分で追加する  ■ X:共通とタイムライン - 白背景。下部ナビはアイコンのみ5つ(ホーム/通知/DM/いいね/リスト) - ヘッダーはホーム表示のときのみ中央にXロゴ、右上に設定歯車 - 右下に青 #1d9bf0 の丸い「つぶやく」ボタンを置く。タップでモーダルを開き、最大500字で投稿できる - タイムラインは「フォロー中」相当の表示にする: 現在の世界(女性版/男性版)のキャラと自分の投稿だけを、新しい順に表示し、リプライは除外する - ポスト表示はアバター40px、名前(太字)、@ハンドル、相対時刻(今/○分/○時間/○日) - ポストの本文タップでスレッド詳細(元ポスト+返信一覧+返信入力)を開く - アクションは「返信数」と「いいね」のみ。いいねはピンク #f91880 - キャラのポストへ返信すると、そのキャラが公開リプライで返し、通知が届く  ■ X:通知 - タブは「すべて」「@ツイート」の2つ。後者は返信とメンションのみ - 自分が投稿したら、そのとき表示中の世界のキャラ全員が、AI判定で「いいね/リポスト/返信」のいずれか1つ以上を必ず行い、それを通知にする。キャラが0人のときは反応は発生しない - @ハンドル付きのメンションは必ず返信される - 通知タブを開くと全件既読化する - 通知をタップすると、そのキャラのプロフィールへ移動する  ■ X:DM - DMはこのXアプリの中でキャラと会話する機能として作ること - DM一覧は検索欄+「すべて/未読」の絞り込み付き。未読は青バッジ - アバターや名前のタップは、必ずXのプロフィールへ移動する - プレビュー文のタップでDMチャットを開く - DMチャットの見た目はX風にする。自分の吹き出しは青 #1d9bf0 で白文字、相手はグレー #eff3f4、角丸は大きめ - 「+」ボタンから写真/動画のみを依頼でき、メニューからキャラ編集/会話リセットができる  ■ 返信の仕組み(DM) - メッセージを送信すると、キャラのシステムプロンプト+直近20件の会話履歴を文脈にして、AIが返事を1つ生成する。既定は1〜3文の短文 - 本文に「動画/ビデオ/ムービー」の語が含まれると動画生成、「写真/画像/自撮り」の語が含まれると写真生成も、返事に加えて自動で開始する  ■ X:プロフィール - 模様入りの水色バナー(#ccd9ea をベースに格子と色丸の装飾)、大きく重なるアバター80px(白いリング付き)、右上にポスト件数ピルと通知ベル - 名前、@ハンドル、「フォローされています」バッジ、紹介文bio(システムプロンプトとは別の項目)を表示する - フォロー数は固定表示: 「他のキャラ数=フォロー中/フォロワー1人」 - ボタンは「メッセージ」のみ(全員フォロー済みが前提) - タブは投稿/返信/メディアの3つのみ - メディアタブはリスト形式(左にサムネイル+動画は時間バッジ、右にタイトルと日付)で、画像/動画をドロップダウンで切り替える  ■ X:いいね・リスト・設定 - いいねページ = 自分がいいねしたポストのみを表示 - リスト = 名前を付けて作成でき、キャラをメンバーに追加/削除できる。メンバーだけの投稿のタイムライン表示と、リスト削除ができる - 設定 = ヘッダーの歯車から開く、このアプリ内の設定画面。ここでキャラの一覧表示・編集・追加と、女性版/男性版の切り替えを行う  ■ キャラ設定(Xアプリ内の設定画面で行う) - 最初から用意されているキャラはいない。キャラはすべて、使う人が設定画面から自分で追加する - 設定画面の中に、3列グリッドのカードで追加済みキャラを並べる(アバター64px、名前)。あわせて破線の「キャラを追加」カードを置く。キャラが0人のときは、グリッドには「キャラを追加」カードだけが表示される - 追加・編集項目は次のとおり:   - 名前(必須、最大50字)   - システムプロンプト(最大4000字)   - プロフィール文bio(最大300字、X用)   - 外見・特徴(最大500字、アバター・写真・動画の生成に使用) - キャラを追加すると、外見・特徴をもとにアバターが自動生成される - 追加したキャラが、タイムラインの投稿者・DMの相手・通知の送り手になる - 追加したキャラはどれも、編集・削除・アバター再生成ができる  ■ 女性版/男性版の切り替え - 設定画面の上部に2択(女性バージョン/男性バージョン)を置き、選択はサーバー側に保存する - キャラは追加したときの世界の側(女性版/男性版)に入る - 切り替えると、Xタイムライン・通知・DM・リストメンバー・プロフィールまで、すべてその側のキャラだけに入れ替わる。もう一方の側に追加したキャラは表示されない - 初期値は女性版  ■ 初期状態とキャラ追加後の動き - 初期状態はキャラ0人。タイムライン・通知・DM・リストは空で始まる - ユーザー(自分)の表示は「あなた/@you」 - 初期コンテンツは用意しないこと。キャラごとの写真・動画や投稿を、最初から一式入れておくことはしない - キャラを追加すると、そのキャラによるタイムラインへの投稿が生成され始める - 写真・動画は、DMで頼まれたときに生成する(生成のきっかけは「■ 返信の仕組み(DM)」のルールどおり)  ■ @ハンドルの決め方 - @ハンドルは固定の一覧ではなく、キャラ名から自動で決める - キャラ名が英数字の名前なら、そのままハンドルにする - そうでなければ「char+連番」(例: char1、char2)にする - ハンドルが重なった場合は、連番をずらすなどして重複しないようにする  ■ メディアの扱いと生成ルール - メッセージの種類は text/photo/video の3種 - 生成は非同期にし、状態(生成中/完了/失敗)を持たせる。生成中は数秒間隔で自動再取得し、失敗時は「もう一度」で再試行できるようにする - 写真・動画は枠で囲わず単体で表示する。キャプション本文は別の吹き出しに分け、時刻は右下の外側に置く(XのDM) - 写真・動画は必ず二次元アニメイラストで統一する。実写・3D・写真風は禁止 - 写真は、本人がスマホで撮る自撮り画角でカメラ目線にする - 動画は自撮り画角・カメラ目線で無言にする(セリフや口の動きは無し)。動きは瞬き・髪の揺れ・微笑み・少し顔を傾ける程度の大人しいものだけ。各キャラの生成済みアバターを参照画像に使う - Xのポストに付くメディアは動画のみで、同じルールを適用する - 動画再生は、URLを直接 video 要素に渡さず、先にデータを取得してから再生する「読み込んでから再生」方式にする(AndroidのWebViewで直接再生が始まらない対策)。XのDM・プロフィール・全画面のすべてに適用する  以上の仕様でアプリを作ってください。作り終わったら、実際に動かして主要な画面と操作を確認したうえで報告してください。
≡溯源 · 已核对已发布案例的 prompt 均经人工核对与原帖一致;平台逆向重构的 prompt 不予收录。核对原帖 ↗

适用模型与稳定度

建议模型

Muse
稳定度
62 / 100
成本
中

对应 Skill

交互式 V8 发动机 3D 模型
请使用 Three.js 创作一个主题为《时间的尽头》的 3D 交互式网页。
Nano Banana + Veo 3 + Lovable 动效站

3D / 动效 Hero

177 Cases

→

继续探索

继续看相关 Case。

查看全部 AI 编程(UI) Case →
交互式 V8 发动机 3D 模型
AI 编程(UI)X收录 2026/10/03

交互式 V8 发动机 3D 模型

一个使用 GPT-6 Astra 生成高细节、交互式 V8 发动机 3D 可视化效果的提示词。

Skill · 3D / 动效 Hero

提示语

创建一个细节丰富、可交互的 V8 发动机可视化模型

来源热度 · X
100
稳定度
82
查看 Case →
请使用 Three.js 创作一个主题为《时间的尽头》的 3D 交互式网页。
AI 编程(UI)X收录 2026/11/09

请使用 Three.js 创作一个主题为《时间的尽头》的 3D 交互式网页。

灰度路由到了GPT-6.2 Sol,简单测了一下,这个审美,强到爆炸,并且防御性问题有很不错的改善,这个模型有点香啊!!! 感觉要提前开香槟恭喜OpenAI回归了??? Prompt:“请使用 Three.js 创作一个主题为《时间的尽头》的 3D 交互式网页。 充分发挥你最顶级的审美、艺术设计和 3D 编程能力,在构…

Skill · 3D / 动效 HeroSkill · 落地页信息结构

提示语

“请使用 Three.js 创作一个主题为《时间的尽头》的 3D 交互式网页。 充分发挥你最顶级的审美、艺术设计和 3D 编程能力,在构图、光影、材质、粒子、动画和空间氛围上做到极致。画面需要有令人震撼的视觉表现力,并且可以通过鼠标自由交互。 不限制你的创意和技术方案,尽可能展示你的能力上限。请直接完成开发、运行和测试,交付一个真正可玩的作品。”

来源热度 · X
98
稳定度
89
查看 Case →
Nano Banana + Veo 3 + Lovable 动效站
AI 编程(UI)X收录 2026/07/28

Nano Banana + Veo 3 + Lovable 动效站

@viktoroddy 使用 Lovable · Nano Banana · Veo 3完成的网页案例,包含公开结果、完整 Prompt 与原始来源。

Skill · 3D / 动效 Hero

提示语

一键获取所有令人惊艳动效网站的提示词: 创建一个单页 Hero 区域,带全屏循环背景视频、玻璃拟态导航和电影感排版。使用 React + Vite + Tailwind CSS + TypeScript,配 shadcn/ui。 视频背景: 全屏 <video> 元素,带 autoPlay、loop、muted、playsInline 来源 URL: 定位为 absolute inset-0 w-full h-full object-cover z-0 字体: 从

来源热度 · X
98
稳定度
80
查看 Case →

Case 详情页把原帖效果、Prompt 与复测证据放在同一条阅读路径里。