Gemini
プロンプト集
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
子供の驚きから喜びへ：超接写で捉える感情の瞬間
Hailuo
夜のストリートダンス - ネオンの輝き
Gemini
ガラス球に閉じ込められたミニチュアファンタジーワールド
Gemini
浮遊するビー玉の幻想世界
Gemini
桜舞う夕暮れ：和装美人の春のポートレート
Gemini
輝く宝石の城とクリスタルフォレスト
Gemini
ガラスのビー玉に宿る幻想世界
Gemini
幻想的な光が降り注ぐ朝露の妖精の森
Gemini
薄暗いギャラリーのシネマティック・スポットライトポートレート
Gemini
雨上がりの都市夜景：シネマティックポートレート
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
ECサイト向け高級植物性スキンケア製品写真
Live Preview
DeepSeek
リップルフィードバック付きマイクロインタラクションボタン
Live Preview
DeepSeek
GSAP ScrollTrigger テキスト表示アニメーション
Live Preview
DeepSeek
パララックスセクション付きLenisスムーズスクロール
Gemini
ドラマチックなサイドライトが当たる映画的ポートレート
Live Preview
DeepSeek
ストリーミング表示付きAIチャットUI
Gemini
森の動物たちの夢のツリーハウス（水彩絵本風）
Gemini
透明ボトルと水面のきらめき：EC商品背景
Live Preview
DeepSeek
スクロール進捗インジケーター付きLenisスムーズスクロール
Gemini
スチームパンクのメカニックキャラクター立ち絵
Gemini
雲の上を旅する空飛ぶクジラに乗った子供と可愛い小鳥たち（絵本風）
Gemini
森の仲間たち シームレスパターン
Gemini
宇宙探査ロボット：未知との遭遇ストーリーボード
Gemini
森の隠れ家リビングルーム：建築パース
Live Preview
DeepSeek
GSAP ScrollTrigger 画像表示アニメーション
Gemini
焼き立てパンとコーヒーのプロフェッショナルなメニュー写真
Live Preview
DeepSeek
ホバー効果付きインタラクティブベントグリッドレイアウト
Live Preview
DeepSeek
Framer Motion ジェスチャー対応インタラクティブ3Dカードフリップ
Live Preview
DeepSeek
インタラクティブなバックドロップフィルター付きグラスモーフィズムカード
Live Preview
DeepSeek
バックドロップフィルター付きグラスモーフィックカラーピッカー
Live Preview
DeepSeek
スクロールトリガー要素変形付きLenisスムーズスクロール
Live Preview
DeepSeek
リアルタイムタイピングシミュレーション付きストリーミングAIチャットUI
Live Preview
DeepSeek
CSSのみで実現するタイピング風テキストアニメーション
Live Preview
DeepSeek
磁力効果付き弾性フィードバックボタン
Live Preview
DeepSeek
ホバー効果付きインタラクティブベントグリッドレイアウト
Live Preview
DeepSeek
インタラクティブベントグリッドレイアウト
Live Preview
DeepSeek
磁石効果付きボタンと波紋フィードバック
Live Preview
DeepSeek
Framer Motion ホバー効果付きインタラクティブ画像ギャラリー
Live Preview
DeepSeek
動的バックドロップフィルター付きグラスモーフィックカード
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
Framer Motion インタラクティブなモーフィングカード
Live Preview
DeepSeek
マイクロインタラクション付きインタラクティブボタン
Live Preview
DeepSeek