提示词库全部编程图像生成 Stable Diffusion 生成视频生成音乐生成设计

实用工具サイト診断 WebP转换图片缩放网站图标生成

用AI开始Gemini ChatGPT Claude DeepSeek Cursor AntiGravity

提示词库

全部 🖼️ Stable Diffusion 生成(594)🎨 图像生成(348)💻 编程(261)🎬 视频生成(41)✏️ 设计(7)🎵 音乐生成(3)

共 266 条，显示第 101-200 条

每页20 40 100

用AI生成View Transitions API页面过渡动画的提示词示例

親子で同期！defineModelで双方向バインディング

先読みで爆速！Speculation Rules API 実装ガイド

描ける！WebGPUで最初のシェーダートライアングル

色が混ざる！CSS color-mix()で作るライブパレット

開いて閉じる！Popover APIで作るネイティブモーダル

開いて閉じる！Dialog要素のネイティブモーダル術

アンカーに吸い付く！CSSで作る追従ツールチップ

リアクティブTodo をAlpine.jsで！追加・編集・消せて楽

! 動くグラデーションを自由に！CSS @propertyで色が躍る

色が混ざる！color-mix()で作る統一グラデーション

ネストレイアウト、整う！CSS Subgrid完全攻略

粒子爆発！WebGPU コンピュートシェーダー入門

見出し改行、これで解決！text-wrap: balance

信号で描く！Preact Signals お絵かきボード

コンテナクエリでレスポンシブに変化！カードUI実験場

HTMX 部分更新：動的コンテンツスワッパー

GSAP ScrollTrigger: ステップハイライト付きインタラクティブタイムラインプログレスバー

CSS text-wrap: balance & pretty インタラクティブプレイグラウンド

WebGPUシェーダープレイグラウンド：コンピュートシェーダー基本

GSAP ScrollTrigger: インタラクティブなスタッガードテキスト表示

GSAP ScrollTrigger: インタラクティブパララックスカードデッキ

Speculation Rules API: インタラクティブ先読みプレイグラウンド

CSS @property 自定义属性动画提示词示例｜AI生成交互演示

Preact Signals リアクティブカウンター＆Todo

CSS Container Queries インタラクティブプレイグラウンド

CSS :has() インタラクティブファミリーツリー

用AI生成Swiper卡片翻转轮播效果的提示词示例与可复制代码

Vue 3.4 defineModel 双方向バインディングプレイグラウンド

ネイティブダイアログモーダルとフォームバリデーション

Resize Observer レスポンシブプレイグラウンド

HTMX 部分更新プレイグラウンド

Alpine.js リアクティブなフィルタリング付きインタラクティブリスト

Popover API インタラクティブモーダルプレイグラウンド

light-dark() を使ったインタラクティブダークモードトグル

CSS Subgrid 交互式布局构建器：2025完整实战指南

Intersection Observer v2 完全指南：可视区域追踪交互实战教程

CSS锚点定位实战：交互式工具提示效果在线演练场

CSS margin-trim 交互式演示：彻底搞懂外边距折叠原理

OKLCH色彩空间交互式渐变探索器：2024完整使用指南

CSS color-mix() 交互式颜色混合工具：2024完整使用指南与示例

用AI生成CSS @scope组件样式隔离代码的提示词示例

Svelte 5 Runes 实时验证响应式表单提示词示例与AI生成代码

用AI生成Lit Web组件：带响应式属性的交互切换开关提示词示例

用AI生成Astro内容集合交互式博客浏览器的提示词示例

用AI生成Svelte 5 Runes响应式计数器仪表盘的提示词示例

CSS滚动驱动动画提示词示例：交互式进度时间轴卡片AI生成模板

AI生成Bento网格布局提示词：交互悬停动效示例模板

用AI生成Lenis丝滑滚动与视差特效的提示词示例

用AI生成SVG路径动画：Logo描边绘制效果提示词示例

@keyframesを使ったCSSのみのモーフィンググラデーションバックグラウンド

@keyframesを使ったCSSのみのアニメーショングラデーションボーダー

CSSスクロール駆動アニメーション：インタラクティブ進捗タイムライン

CSSスクロール駆動アニメーション：インタラクティブ進捗タイムライン

View Transitions API: 共有要素モーフィング付きページ遷移

CSSスクロール駆動アニメーション：インタラクティブ進捗タイムライン

View Transitions API: 共有要素付きモーフィングナビゲーション

@keyframesを使ったCSSのみの形状変形アニメーション

View Transitions API: クロスフェードページ遷移

CSSスクロール駆動アニメーション：インタラクティブ進捗タイムライン

View Transitions API: ナビゲーション変形付きページ遷移

CSSのみで実現するアニメーショングラデーションボーダーカード

CSSスクロール駆動アニメーション：段階的テキスト表示

View Transitions API: 要素変形付きページ遷移

画像ギャラリーナビゲーションのためのView Transitions API

CSSスクロール駆動アニメーション：スクロール画像表示

@keyframesを使ったCSSのみのアニメーションローディングスピナー

CSSスクロール駆動アニメーション：タイムライン付きプログレスバー

マルチページナビゲーションのためのView Transitions API

View Transitions API ページ遷移

リップルフィードバック付きマイクロインタラクションボタン

GSAP ScrollTrigger テキスト表示アニメーション

パララックスセクション付きLenisスムーズスクロール

ストリーミング表示付きAIチャットUI

スクロール進捗インジケーター付きLenisスムーズスクロール

GSAP ScrollTrigger 画像表示アニメーション

ホバー効果付きインタラクティブベントグリッドレイアウト

Framer Motion ジェスチャー対応インタラクティブ3Dカードフリップ

インタラクティブなバックドロップフィルター付きグラスモーフィズムカード

バックドロップフィルター付きグラスモーフィックカラーピッカー

スクロールトリガー要素変形付きLenisスムーズスクロール

リアルタイムタイピングシミュレーション付きストリーミングAIチャットUI

CSSのみで実現するタイピング風テキストアニメーション

磁力効果付き弾性フィードバックボタン

ホバー効果付きインタラクティブベントグリッドレイアウト

インタラクティブベントグリッドレイアウト

磁石効果付きボタンと波紋フィードバック

Framer Motion ホバー効果付きインタラクティブ画像ギャラリー

動的バックドロップフィルター付きグラスモーフィックカード

@keyframesを使ったCSSのみのアニメーションローディングスピナー

SVGパスアニメーションロゴ描画

View Transitions API: スムーズなページ遷移

スクロール進捗インジケーター付きLenisスムーズスクロール

Framer Motion インタラクティブなモーフィングカードグリッド

ストリーミング表示とタイピングアニメーション付きAIチャットUI

Framer Motion 交互式变形卡片提示词示例与可复制代码

マイクロインタラクション付きインタラクティブボタン

Framer Motion ジェスチャー対応インタラクティブカードフリップ

マイクロインタラクションボタンフィードバック

Framer Motion インタラクティブモーフィングカード

首页ヘルプ