Live Preview
DeepSeek
プロンプト集
Live Preview
DeepSeek
動かせ！OllamaローカルLLMをNode.jsから呼ぶ方法
Live Preview
DeepSeek
Drizzle ORM×型安全クエリをAIで生成｜プロンプト作例
Live Preview
DeepSeek
使い回せ！TanStack Query v5のキャッシュ生存戦略
Live Preview
DeepSeek
リロード不要！Server Actionsで即フォーム送信
Live Preview
DeepSeek
ブラウザでAI推論！Transformers.jsが動いた
Live Preview
DeepSeek
一画面で完結！Next.js 15 パラレルルート分割術
Live Preview
DeepSeek
待たせない！HonoエッジAPIをCloudflare Workersで爆速配信
Live Preview
DeepSeek
話して即応答！OpenAI Realtime APIで声の会話
Live Preview
DeepSeek
ElevenLabs TTS ストリーミング配信プロンプト作例集
Gemini
壁にもたれる長い影、夕暮れがそっと語りかける
Live Preview
DeepSeek
待たせない！SuspenseでストリーミングSSR
Live Preview
DeepSeek
消えた再レンダリング！Million.jsで爆速React
Live Preview
DeepSeek
速攻で整える！Tailwind CSS v4 セットアップ完全ガイド
Live Preview
DeepSeek
PWAプッシュ通知をAIで実装｜プロンプト作例とコード全文
Live Preview
DeepSeek
PDFをアップロードして質問するだけで、答えが返ってくる！Gemini File API マルチモーダル
Live Preview
DeepSeek
進捗が生で届く！SSEで作るリアルタイム通知
Live Preview
DeepSeek
話すだけで文字化！Whisper APIで音声認識
Live Preview
DeepSeek
ベクトル検索をpgvectorで！PostgreSQLのままAI検索
Live Preview
DeepSeek
一瞬で描ける！Replicate APIで画像生成
Live Preview
DeepSeek
WebRTC P2Pビデオ通話をAIプロンプトで実装する作例
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