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