Biblioteca de prompts Todos Programación Generación de imágenes Stable Diffusion Generación de vídeo Generación de música Diseño

Herramientasサイト診断 Conversor WebP Redimensionar imagen Generador de favicon

Empezar con IAGemini ChatGPT Claude DeepSeek Cursor AntiGravity

Biblioteca de prompts

Todos 🖼️ Stable Diffusion(590)🎨 Generación de imágenes(348)💻 Programación(261)🎬 Generación de vídeo(41)✏️ Diseño(7)🎵 Generación de música(3)

101-200 de 266

Por página20 40 100

View Transitions API: ejemplo de código generado con IA

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

Speculation Rules API: guía de implementación con IA

描ける！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: Playground Interactivo Generado con IA

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

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

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

Efecto Coverflow con Swiper.js: Prompt y Ejemplo Interactivo

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

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

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

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

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

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

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

CSS Subgrid: Constructor de Layouts Interactivo

Intersection Observer v2: Guía Completa y Ejemplos

CSS Anchor Positioning: Tooltips Interactivos 2024

CSS margin-trim: Visualizador Interactivo de Márgenes

Explorador de Gradientes OKLCH Interactivo y Visual

CSS color-mix(): Mezcla de Colores Interactiva

CSS @scope: Aislamiento de estilos generado con IA

Svelte 5 Runes: formulario reactivo con validación en tiempo real

Toggle Switch con Lit Web Components: Prompt IA

Blog interactivo con Astro Content Collections: ejemplo IA

Dashboard reactivo con Svelte 5 Runes: ejemplo IA

Animaciones CSS Scroll-Driven: Timeline con Progreso

Bento Grid con Hover Interactivo: Prompt CSS/JS

Scroll suave con Lenis y parallax: prompt IA + código

Animación SVG: Logo con efecto de trazado generado con IA

@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

Tarjetas Morphing con Framer Motion: Prompt y Código React

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

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

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

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

Inicioヘルプ