Gemini
プロンプト集
Gemini
ミニマルAIガジェットのプロダクト写真術【実例付き】
Gemini
90年代アニメ風女子高生イラスト｜懐かしレトロ作成法
Live Preview
DeepSeek
CSS color-mix()の使い方【実例付き】色混合を完全攻略
Live Preview
DeepSeek
CSS @scopeでコンポーネントを分離するプロンプト作例
Live Preview
DeepSeek
Svelte 5 RunesでリアクティブフォームをAI生成【プロンプト作例】
Live Preview
DeepSeek
LitでトグルスイッチをAI生成｜Webコンポーネント作例
Live Preview
DeepSeek
AstroコンテンツコレクションのLP作例｜インタラクティブブログUI
Live Preview
DeepSeek
Svelte 5 Runesでリアクティブダッシュボードを作るプロンプト作例
Live Preview
Claude
AI生成スキンケアLP作例｜感情訴求「鏡の前」プロンプト
Live Preview
DeepSeek
CSSスクロール連動アニメーションのプロンプト作例｜進捗タイムラインカードをAIで生成
Live Preview
Claude
34インチモニターLPをAIで作るプロンプト作例
Veo
AIで作る光の渦CTAアニメーション｜Three.jsプロンプト作例
Live Preview
DeepSeek
AI生成ベントグリッドUI｜ホバー効果付き作例とプロンプト
Veo
AIで「癒し系LP」を作るプロンプト例｜静寂・内なる平和テーマ
Gemini
高級美容液の宝石マクロ：滴り落ちる透明な輝き
Live Preview
DeepSeek
Lenis×パララックスのLP作例｜AIプロンプトで再現する方法
Gemini
陶器肌ポートレートをAIで作る｜窓辺ソフト光プロンプト作例
Live Preview
DeepSeek
SVGパスアニメーションでロゴ描画エフェクトをAIで作る方法
Live Preview
AIで作るメガネブランドLP｜9g超軽量Isabell風デザイン作例
Kling AIRunway
フェニックス飛翔AI画像｜炎と翼の作例プロンプト全公開
Kling AIRunway
炎の鳥(フェニックス)再生シーンをAIで作るプロンプト作例
Veo
AIで作る禅・抹茶LPデザイン｜和風プロンプト作例
Veo
AIで作るラーメン職人LP｜プロンプト作例と生成手順
Veo
サイバーパンク風AI開発者イラスト｜ホログラムコードの画像生成プロンプト作例
Kling AI
陶芸風ビジュアルをAIで再現｜土から器プロンプト作例
Kling AI
土をこねる手元のクローズアップ (リズミカル)
Hailuo
都会の夜のダンサー - スローモーションとネオンの光
Hailuo
子どもの驚き→笑顔を超接写で表現するAIプロンプト作例
Hailuo
夜のストリートダンス - ネオンの輝き
Gemini
ガラス球に閉じ込められたミニチュアファンタジーワールド
Gemini
浮遊するビー玉の幻想世界
Gemini
桜舞う夕暮れ：和装美人の春のポートレート
Gemini
輝く宝石の城とクリスタルフォレスト
Gemini
ガラスのビー玉に宿る幻想世界
Gemini
幻想的な光が降り注ぐ朝露の妖精の森
Gemini
薄暗いギャラリーのシネマティック・スポットライトポートレート
Gemini
雨夜×ネオン｜シネマティックポートレートAI画像プロンプト作例
Gemini
桜咲く春の和装美人ポートレート
Gemini
朝露きらめく神秘の森：幻想的な光
Live Preview
DeepSeek
@keyframesを使ったCSSのみのモーフィンググラデーションバックグラウンド
Live Preview
DeepSeek
@keyframesを使ったCSSのみのアニメーショングラデーションボーダー
Live Preview
DeepSeek
CSSスクロールアニメーション進捗タイムライン｜プロンプト作例
Live Preview
DeepSeek
CSSスクロール駆動アニメーション：インタラクティブ進捗タイムライン
Live Preview
DeepSeek
View Transitions API: 共有要素モーフィング付きページ遷移
Live Preview
DeepSeek
CSSスクロール駆動アニメーション：インタラクティブ進捗タイムライン
Live Preview
DeepSeek
View Transitions APIで作るモーフィングナビゲーション【プロンプト作例】
Live Preview
DeepSeek
@keyframesを使ったCSSのみの形状変形アニメーション
Live Preview
DeepSeek
View Transitions APIクロスフェード遷移のプロンプト例と作例
Live Preview
DeepSeek
CSSスクロール駆動アニメーション：インタラクティブ進捗タイムライン
Live Preview
DeepSeek
View Transitions API: ナビゲーション変形付きページ遷移
Live Preview
DeepSeek
CSSのみで実現するアニメーショングラデーションボーダーカード
Live Preview
DeepSeek
CSSスクロール駆動アニメーション：段階的テキスト表示
Live Preview
DeepSeek
View Transitions API: 要素変形付きページ遷移
Live Preview
DeepSeek
画像ギャラリーナビゲーションのためのView Transitions API
Live Preview
DeepSeek
CSSスクロール駆動アニメーション：スクロール画像表示
Live Preview
DeepSeek
@keyframesを使ったCSSのみのアニメーションローディングスピナー
Live Preview
DeepSeek
CSSスクロール駆動アニメーション：タイムライン付きプログレスバー
Live Preview
DeepSeek
マルチページナビゲーションのためのView Transitions API
Live Preview
DeepSeek
View Transitions API ページ遷移
Gemini
ゴールデンアワーの逆光ポートレート
Gemini
陶器製の架空の生き物彫刻
Gemini
輝くファセットカット宝石のマクロ写真
Gemini
ネガティブプロンプトで実現する高品質デジタルアート：幻想的なクリスタルの森
Gemini
高級植物性スキンケア商品写真をAIで生成｜EC向けプロンプト作例
Live Preview
DeepSeek
リップルフィードバック付きマイクロインタラクションボタン
Live Preview
DeepSeek
GSAPスクロールでテキスト1文字ずつ出現｜プロンプト作例
Live Preview
DeepSeek
Lenisで作るスムーススクロール＋視差効果LPのプロンプト作例
Gemini
ドラマチックなサイドライトが当たる映画的ポートレート
Live Preview
DeepSeek
ストリーミング表示付きAIチャットUI
Gemini
水彩絵本風イラストをAIで生成｜森の動物ツリーハウス作例
Gemini
透明ボトル×水面きらめき背景のAI画像プロンプト作例
Live Preview
DeepSeek
Lenisスムーズスクロール×円形進捗インジケーター実装プロンプト
Gemini
スチームパンク整備士キャラをAIで生成｜立ちポーズ作例
Gemini
雲の上を旅する空飛ぶクジラに乗った子供と可愛い小鳥たち（絵本風）
Gemini
森の仲間たち シームレスパターン
Gemini
宇宙探査ロボット×漫画コマ割りをAI生成するプロンプト作例
Gemini
森の隠れ家リビングをAI建築パースで生成｜プロンプト作例
Live Preview
DeepSeek
GSAP ScrollTrigger 画像表示アニメーション
Gemini
焼きたてパン×コーヒーのメニュー写真をAIで生成するプロンプト
Live Preview
DeepSeek
ホバー効果付きインタラクティブベントグリッドレイアウト
Live Preview
DeepSeek
Framer Motion ジェスチャー対応インタラクティブ3Dカードフリップ
Live Preview
DeepSeek
グラスモーフィズムカードをAIで作る｜backdrop-filterプロンプト作例
Live Preview
DeepSeek
バックドロップフィルター付きグラスモーフィックカラーピッカー
Live Preview
DeepSeek
Lenisスムーズスクロール×要素変形アニメーションのプロンプト作例
Live Preview
DeepSeek
リアルタイムタイピングシミュレーション付きストリーミングAIチャットUI
Live Preview
DeepSeek
CSSのみで実現するタイピング風テキストアニメーション
Live Preview
DeepSeek
磁力ホバー＆弾性クリックボタンをAIで作る方法【プロンプト作例】
Live Preview
DeepSeek
ホバー効果付きインタラクティブベントグリッドレイアウト
Live Preview
DeepSeek
インタラクティブベントグリッドレイアウト
Live Preview
DeepSeek
磁石効果付きボタンと波紋フィードバック
Live Preview
DeepSeek
Framer Motionでホバーアニメ付き画像ギャラリーを作るプロンプト例
Live Preview
DeepSeek
グラスモーフィズムカードをAIで作るCSSプロンプト作例
Live Preview
DeepSeek
@keyframesを使ったCSSのみのアニメーションローディングスピナー
Live Preview
DeepSeek
SVGパスアニメーション ロゴ描画
Live Preview
DeepSeek
View Transitions API: スムーズなページ遷移
Live Preview
DeepSeek
スクロール進捗インジケーター付きLenisスムーズスクロール
Live Preview
DeepSeek
Framer Motion インタラクティブなモーフィングカードグリッド
Live Preview
DeepSeek
ストリーミング表示とタイピングアニメーション付きAIチャットUI
Live Preview
DeepSeek