Live Preview
DeepSeek
プロンプト集
FLUX devStable Diffusion
命の渡河 — ヌー大群が激流を裂く
FLUX devStable Diffusion
チーター疾走シーン｜映画風AI画像プロンプト作例
FLUX devStable Diffusion
ピンクの爆発 — 湖面を駆けるフラミンゴの群れ
FLUX devStable Diffusion
朝もや裂く巨顔 — カバ浮上
FLUX devStable Diffusion
砂塵を裂く疾走 — 全速チーターの軌跡
FLUX devStable Diffusion
夕陽が漏れる、木陰の豹
Live Preview
DeepSeek
透けて見える！Intersection Observer v2 で可視性検知
Live Preview
DeepSeek
子から親を操れ！:has()で条件式スタイリング
Live Preview
DeepSeek
アンカーに吸い付く！CSSで作る追従ツールチップ
Live Preview
DeepSeek
閉じ込めて整う！CSS @scopeでスタイル分離
Live Preview
DeepSeek
余白を消した！CSS margin-trimで整然レイアウト
Live Preview
DeepSeek
コンテナで変わる！CSS Container Queriesで作るレスポンシブカード
Live Preview
DeepSeek
変わる！Svelte 5 Runesでリアクティブ魔法
Live Preview
DeepSeek
色が変わる！OKLCHで直感的カラーパレット
Live Preview
DeepSeek
消えた要素を検知！Intersection Observer v2 実装術
Live Preview
DeepSeek
CSS color-mix()ライブパレットをAIで作るプロンプト作例
FLUX devStable Diffusion
ゴールデンアワー×サーフィンのAI画像プロンプト作例
Veo
青空の下、家族で発見！心ときめくGW旅
Gemini
ネオンが街を彩る！雨夜の反射が魅せる
Gemini
シャボン玉が舞う！光の輪に心が溶ける
Live Preview
DeepSeek
子で親を操る！:has()セレクタで条件式スタイリング
Live Preview
DeepSeek
Dialog要素でモーダルアニメーション｜AIプロンプト作例
Live Preview
DeepSeek
遷移で魅せる！View Transitions API で滑らかページ切り替え
Live Preview
DeepSeek
型安全で爆速！Astro Content Collections で作るブログ構築術
Live Preview
DeepSeek
View Transitions APIをAIで実装！滑らかなページ遷移プロンプト作例
Live Preview
DeepSeek
親子で同期！defineModelで双方向バインディング
Live Preview
DeepSeek
Speculation Rules APIをAIで実装！コピペ可能なプロンプト作例
Live Preview
DeepSeek
WebGPUで三角形を描くシェーダー入門プロンプト作例
Live Preview
DeepSeek
CSS color-mix()カラーパレット作例｜AIプロンプトで作るインタラクティブUI
Live Preview
DeepSeek
開いて閉じる！Popover APIで作るネイティブモーダル
Veo
森の朝食、幸せを味わう！
Gemini
木漏れ日の林道・後ろ姿をAI画像生成するプロンプト作例
Gemini
水滴が躍動！透明ボトル、潤い映す輝き
Gemini
コーヒーにミルクが落ちる瞬間、奇跡の模様が生まれる！
Gemini
緋色の和傘、苔庭に映える！
Gemini
街角にガス灯が輝く！青い魔法が始まる
Gemini
風が運ぶ！黄金の麦畑に光が満ちる
Gemini
白背景で形が際立つ！ミニマルな輝き
Gemini
キャンドル光と影のポートレート｜AI画像生成プロンプト作例
Gemini
真夏の海！80年代銀塩が呼び覚ます感動
Gemini
クリスタルの鹿｜AI画像生成プロンプト作例・幻想的な森
Live Preview
DeepSeek
開いて閉じる！Dialog要素のネイティブモーダル術
Live Preview
DeepSeek
アンカーに吸い付く！CSSで作る追従ツールチップ
Live Preview
DeepSeek
リアクティブTodo をAlpine.jsで！追加・編集・消せて楽
Live Preview
DeepSeek
! 動くグラデーションを自由に！CSS @propertyで色が躍る
Live Preview
DeepSeek
色が混ざる！color-mix()で作る統一グラデーション
Live Preview
DeepSeek
ネストレイアウト、整う！CSS Subgrid完全攻略
Live Preview
DeepSeek
粒子爆発！WebGPU コンピュートシェーダー入門
Live Preview
DeepSeek
見出し改行、これで解決！text-wrap: balance
Live Preview
DeepSeek
信号で描く！Preact Signals お絵かきボード
Live Preview
DeepSeek
コンテナクエリでレスポンシブに変化！カードUI実験場
Veo
熱帯ビーチの楽園：エメラルドの輝き
Gemini
北欧インテリア：冬の朝日に包まれる空間
Gemini
ミニマルAIプロジェクターのプロダクト写真
Gemini
レトロSF エスプレッソマシン：インダストリアル・フューチャリズム
Gemini
坪庭のある洗練された和モダン美容室
Gemini
モロッコ風リビング：午後の柔らかな光
Gemini
90年代アニメ風夕暮れ帰り道イラストのAIプロンプト作例
Gemini
湯気立つコーヒーの泡、マクロクローズアップ
Gemini
幻想的な森の光の守護者
Gemini
宇宙ステーションのアールデコ調未来型エスプレッソマシン
Live Preview
DeepSeek
HTMX 部分更新：動的コンテンツスワッパー
Live Preview
DeepSeek
GSAP ScrollTrigger: ステップハイライト付きインタラクティブタイムラインプログレスバー
Live Preview
DeepSeek
CSS text-wrap: balance & pretty インタラクティブプレイグラウンド
Live Preview
DeepSeek
WebGPUシェーダープレイグラウンド：コンピュートシェーダー基本
Live Preview
DeepSeek
GSAP ScrollTrigger: インタラクティブなスタッガードテキスト表示
Live Preview
DeepSeek
GSAP ScrollTrigger: インタラクティブパララックスカードデッキ
Live Preview
DeepSeek
Speculation Rules API: インタラクティブ先読みプレイグラウンド
Live Preview
DeepSeek
CSS @propertyをAIで学ぶ｜カスタムプロパティ作例集
Live Preview
DeepSeek
Preact Signals リアクティブカウンター＆Todo
Live Preview
Three.jsでパンダ3Dモデル生成｜AIプロンプト作例
Live Preview
パンダのThree.js LP｜AIプロンプト作例・コピペ可能
Veo
弾ける笑顔！夏プールのウォータープレイ
Gemini
90年代アニメ風 女子高生
Gemini
命の光が舞う古の森：蛍の静かな円舞
Gemini
AIスマートデバイスのミニマル商品写真プロンプト作例
Gemini
窓越しの秋景：古都の寺院庭園 水彩画
Gemini
ミニマルAIオーブのプロダクト写真
Gemini
スチームパンク要素のあるレトロフューチャーな真鍮製エスプレッソマシン
Gemini
月明かりと蛍の光跡、神秘の森
Gemini
和モダン美容室の静謐な空間：自然光と素材の調和
Gemini
古都の秋景色、朝霧と紅葉の水彩画
Gemini
幻想的な森の夜：蛍が舞う光景
Live Preview
DeepSeek
CSS Container Queries インタラクティブプレイグラウンド
Live Preview
DeepSeek
CSS :has() インタラクティブファミリーツリー
Live Preview
DeepSeek
Swiperカバーフロー効果をAIで作る｜プロンプト作例・コピペ可
Live Preview
DeepSeek
Vue 3.4 defineModel 双方向バインディングプレイグラウンド
Live Preview
DeepSeek
ネイティブダイアログモーダルとフォームバリデーション
Live Preview
DeepSeek
Resize Observer レスポンシブプレイグラウンド
Live Preview
DeepSeek
HTMX 部分更新プレイグラウンド
Live Preview
DeepSeek
Alpine.js リアクティブなフィルタリング付きインタラクティブリスト
Live Preview
DeepSeek
Popover API インタラクティブモーダルプレイグラウンド
Live Preview
DeepSeek
light-dark() を使ったインタラクティブダークモードトグル
Live Preview
Lumenで代謝を「見える化」|健康管理が変わる理由
Gemini
雨上がりの京都庭園を水彩で描く秋の技法全解説
Gemini
レトロフューチャーエスプレッソマシン全20選【厳選】
Gemini
サイバーパンク渋谷2099｜AI生成ホログラム都市景観の世界
Gemini
秋の池に映る紅葉・京都風水彩画【無料壁紙】
Gemini