3DアニメーションLegoを組み立てる男の子
部屋でLegoブロックを丁寧に組み立てる男の子を描いた3Dアニメーションスタイルのマルチショット動画プロンプト。タイムラプス効果を含みます。
エージェントが生成したアーティファクト — プロトタイプ、スライド、画像・動画テンプレート — をフォークしてそのままデプロイできます。ローカルエージェントで独自のキーを使って実行できます。プロンプト、ポスター、サンプルHTMLすべてApache-2.0ライセンスです。
部屋でLegoブロックを丁寧に組み立てる男の子を描いた3Dアニメーションスタイルのマルチショット動画プロンプト。タイムラプス効果を含みます。
画像 プロンプト全文を読む → 平面的な進化タイムラインをリアルな3D石段インフォグラフィックに変換し、詳細な生物レンダリングと構造化されたサイドパネルを追加します。
Seedance 2.0の変換プロンプト。2016年のカジュアルな雰囲気から2026年のドバイの豪華なライフスタイルへの男性キャラクターの変化を、一貫性を保ちながら表現します。
雨の村で少女が現れた竜に救われる物語の詳細なマルチショット映画プロンプト。VFXと雰囲気のあるサウンドに焦点を当てています。
神秘的なインドの王国、寺院、ジャングルを描く高速FPVドローンスタイルのシネマティックプロンプト。
Seedance 2.0用の技術プロンプト。特定のモーションリファレンスをキャラクターに適用しながら、固定カメラトラッキングを維持します。
画像 プロンプト全文を読む → 伝統的な道場で元素エネルギーエフェクトを伴い戦う2人の女性キャラクターを描いた、ダイナミックで迫力あるアニメイラストを生成します。
Art-directing a fashion house's annual report — the editorial system, the photography rhythm, and the data spreads. Built as a decision-grade design craft deck for brand stakeholders, exec audience.
オーディオ生成スキル——ジングル、ベッド、ナレーション、効果音。音楽リクエストを Suno V5 / Udio / Lyria に、音声を MiniMax TTS / FishAudio / ElevenLabs V3 に、効果音を ElevenLabs SFX または AudioCraft にルーティング。出力はプロジェクトフォルダに保存される単一の MP3/WAV ファイルです。
A self-contained WebGL2 hero: layered aurora light curtains warped over a night sky scattered with stars; move the cursor to sway the veil.
動画 プロンプト全文を読む → Seedance 2.0用のプロンプト。ブレイクダウンフレームに従ったキャラクターダンスとビート同期の衣装チェンジを実現します。
長文記事/ブログ投稿 — マストヘッド、ヒーロー画像プレースホルダー、図表や引用を含む本文、著者の署名、関連記事を含みます。「ブログ」「記事」「投稿」「エッセイ」「ケーススタディ」などの要望に対応します。
A 1970s European editorial poster in motion — a red rule draws across, a giant tilted figure drops in, a three-line headline rises line-by-line, an italic serif standfirst fades.
Bold colored card on a dark gradient — big section number, nav breadcrumb, orange card sliding in, title rising.
A hospital data-governance briefing: patient-data risk, the control framework, accountability, and the approval the board must give. Built as a decision-grade policy briefing deck for health-system board, regulators.
スライド プロンプト全文を読む → For consulting delivery work: turn diagnosis, frameworks, and project work into a client-adoptable action plan. Built around the core query "consulting-final-deck", with engagement manager judgment, buyer-ready proof, and this outcome: accept the recommendation and commit owners to the roadmap.
Open Design procurement & security leave-behind: the one-pager-plus a buying committee can forward and approve internally. Built as a decision-grade B2B sales deck for buying committee, security, procurement.
A designer's portfolio narrative for a senior interview — three case studies, the craft, and the judgment behind each. Built as a decision-grade career deck for hiring panel.
A first-30-days onboarding module for new hospitality hires — the behaviors, the practice, the checks, and the manager follow-up. Built as a decision-grade professional training deck for new hires, managers.
Open Design's positioning & messaging system: the one-line promise, the pillars, and the proof — the source of truth for all copy. Built as a decision-grade marketing & GTM deck for brand & marketing team.
A photography studio's portfolio-and-rate deck — the signature work, the process, and the packages that win the brief. Built as a decision-grade design craft deck for prospective clients.
A type-and-color system for a culture magazine relaunch — the grid, the tri-tone palette, and the layout kit. Built as a decision-grade design craft deck for editorial & design team.
Luxury-minimal whitespace hero — single word reveals letter by letter, warm-gold hairline, breathing indicators.
A self-contained WebGL2 hero: animated water caustics woven from domain-warped ripples; click the water to drop a ripple. No meshes, no textures.
Seedance 2.0モデル用に設計された、特定のUIオーバーレイとトランジションを含むチームキャラクター紹介用の複雑なマルチステージモーショングラフィックスプロンプト。
キャラクターの一貫性と感情的なストーリーテリングに重点を置いた、誕生日シーケンス用の詳細なマルチショット動画プロンプト。
女性とドラゴンの感情的な交流と映画的な飛行シーンを描く、絵コンテスタイルの動画プロンプト。
カメラの動きとキャラクターアクションのタイムコード付き指示を含む、スタイライズされたハンドダンスの詳細なマルチショットシネマティック動画プロンプト。
Seedance 2.0向けの高精細な技術プロンプトで、リアルな肌質感と複雑な表情の変化シリーズに焦点を当てています。
海洋生物学者がサンゴ礁で古代の難破船を発見する水中シーンの詳細な映画的動画プロンプトを生成します。
ギターテクニック、ピンチハーモニクス、スタジオ美学に焦点を当てた4K音楽ポッドキャスト動画生成用の高度なシネマティックプロンプト。
Seedance 用の構造化マルチシーンプロンプト。一貫したツアーガイドキャラクターと実際のロケーション間のスムーズな遷移を特徴とする徒歩ナビゲーション動画を作成します。
Seedance 2 向けの複数ショットプロンプトで、夜間のシネマティックなストリートレーシングシーンを生成。ドライバーの集中力、ダイナミックなカメラワーク、爆発的な加速を重視。
ネオンライトの路地でのダイナミックなカメラワークと高速戦闘を含む短編映画シーン用の包括的アクションプロンプト。
回診、カンファレンス、診療記録向けの構造化された症例プレゼンテーションを生成。生理学的に正確なバイタル、検査値、エビデンスベースの治療計画を含むSOAP形式または叙述形式の症例報告を作成します。
長文記事、スレッド、メモ、製品説明を、ワークフローループ、ユースケースマトリックス、レスポンシブ詳細パネル付きの Codex スタイルのクリック可能な機能マップに変換します。
Electric split with hand-drawn script — offset panels slide in, display title rises with an outlined word, script strokes itself in.
SF映画『クリムゾン・ホライズン』の包括的な9ショット映像シーケンス。ロケット発射から火星での不気味な宇宙人との遭遇まで、すべてのシーンを収録。
プロジェクト内の任意の HTML 成果物に対して 5 次元の専門デザインレビューを実施——哲学/視覚階層/ディテール/機能性/革新性を各 0-10 で採点。レーダーチャート、根拠に基づくスコア、3 つのリスト(維持/修正/クイックウィン)を含む単一の HTML レポートを出力します。
A curatorial deck for a contemporary art biennale — the thesis, the rooms, the works, and the visitor journey. Built as a decision-grade design craft deck for museum board, curators.
キャラクターデザイン、UIアニメーション、白い空間からファベーラへの環境転換を含む、サイバーパンクゲームトレーラーの詳細な動画生成プロンプト。
単一HTMLファイルの管理/分析ダッシュボード。固定左サイドバー、ユーザー/検索機能付きトップバー、KPIカードとチャートのメイングリッド。『ダッシュボード』『管理画面』『分析』『コントロールパネル』が必要な場合に使用。
動画 プロンプト全文を読む → A native Remotion data frame — bars grow from zero by real data via spring physics while the figures roll 0→target in sync.
CSV、Excel、または JSON データを洗練されたビジュアルレポートページに変換します。
コンシューマー向けのマッチングダッシュボード。左サイドナビゲーション、コミュニティシグナルのティッカーバー、主要KPI、30日間の相互マッチング棒グラフ、マッチ率トレンドブロックを含む。エディトリアルタイポグラフィと控えめなアクセント。デートサイト、マッチング、コミュニティダッシュボード、SNSダッシュボードなど、データが主役の消費者向け製品に最適。
プロトタイプ プロンプト全文を読む → 上場企業向けの割引キャッシュフロー評価と本質的価値分析。DCF、適正価値、本質的価値、目標株価、過小評価・過大評価分析などに対応。
Animated flowchart with branching paths
A computer-science capstone: an on-device ML keyboard that predicts next words privately — problem, method, evaluation, and defense answers. Built as a decision-grade coursework defense deck for professor, defense committee.
A digital-transformation roadmap for a legacy insurer — the diagnosis, the sequenced bets, and the operating rhythm to land them. Built as a decision-grade consulting deck for client executives.
A humanities lecture: how Renaissance linear perspective reshaped early cartography — sources, argument, and evidence. Built as a decision-grade academic research deck for faculty, graduate seminar.
An IT security-awareness training on spotting phishing — the tells, the drill, and what to do in the first 60 seconds. Built as a decision-grade professional training deck for all employees.
A scroll-reactive 3D image gallery in Three.js: Z-stacked images crossfade over per-image mood backgrounds with velocity breath, a glowing cursor trail and an editorial CMYK/RGB/HEX/PMS color card.
iPhone と MacBook の静的な 3D スタイルショーケース。画面に実際の HTML を埋め込み、ガラスレンズの屈折効果と 360 度ターンテーブル構成を実現。
2ページのデジタルガイドプレビュー。1ページ目はカバー(タイトル、著者、『含まれる内容』統計、目次のティーザー)、2ページ目は見開き(引用文とステップリスト付きのレッスン本文)。ライフスタイル/クリエイターブランドのトーン。『電子ガイド』『デジタルガイド』『lookbook』『リードマグネット』『クリエイターガイド』『playbook』『PDFガイド』または『電子指南』が求められる場合に使用。
A vertical gallery (Three.js) where planes bend with scroll velocity, ripple under the cursor via simplex noise, and carry a film grain.
ドキュメントページ — サイドナビゲーション、スクロール可能な本文、目次を含むレイアウト。'ドキュメント'、'ガイド'、'API リファレンス'、'チュートリアル'が指定された際に使用します。
画像 プロンプト全文を読む → ポートレートに重ねて表示するリアルなSNSライブ配信インターフェースを生成。カスタマイズ可能なチャットメッセージ、ギフトポップアップ、商品購入カードを備えています。
Two-panel split with quote as hero — white/blue panels open from center, accent bar grows, quote reveals line by line.
ブランド製品発売用メールテンプレート。マストヘッド、ヒーロー画像、斜体アクセント見出し、本文、CTAボタン、仕様グリッドを含むHTML中央寄せ単一カラムレイアウト。
エンジニアリングランブック — サービス概要、アラート表、ダッシュボードリンク、コピペ可能なコマンド付き運用手順、オンコールローテーション、インシデント対応チェックリストを含みます。ランブック、運用ドキュメント、オンコールガイド、SREドキュメント、運維手册が必要な場面で使用します。
四半期・月次財務レポート——KPI付きマストヘッド、収益・消費チャート、P&L集計表、ハイライト、見通し段落を含みます。『財務レポート』『Q3レポート』『MRRレビュー』『P&L』『財報』などの要件に対応。
FlowAI スタイルのチーム管理ダッシュボード。3つのタブ(チームメンバー、チーム詳細、アクティビティログ)、KPI統計行、メンバーテーブル、役割分布バーチャート、オンライン状態とアクティビティのスパークライン、トップ貢献者パネルを搭載。ライト/ダークテーマ、チャートツールチップ、パネルのクリック拡大、CSV エクスポートに対応。
Seedance 2.0向けのダークコメディプロンプト。清朝を舞台に、オレンジ猫の官僚とハイエナの皇帝が登場する風刺作品。
画像 プロンプト全文を読む → Street Fighter 6 や Tekken 8 スタイルの格闘ゲームビジュアル。夜の中国寺院の中庭で対決する2人のアニメ風男性戦士を描き、完全な格闘ゲーム HUD(デュアル体力ゲージ、ラウンドタイマー、P1/P2 キャラクターパネル、コンボカウンター、ゲージ)を搭載。gpt-image-2 用に最適化、16:9。
画像 プロンプト全文を読む → 《Black Myth: Wukong》スタイルのThree Kingdoms題材ARPGスクリーンショット。関羽が赤兎馬に乗り豪雨の戦場で敵将顔良へ突撃する名場面を、Unreal Engine 5で三人称視点レンダリング。Boss戦HUD完備、16:9、gpt-image-2対応。
画像 プロンプト全文を読む → 三国志の名場面「呂布の轅門射戟」を再現したアクションRPGのゲーム画面。Black Myth: Wukong風のフォトリアルな映画的スタイル、Unreal Engine 5で描画。三人称視点のゲームプレイ画面に、完全なゲームHUD(HP・気力バー、ミニマップ、スキルホットバー、ターゲットロックと距離表示)を搭載。gpt-image-2向け16:9形式。
画像 プロンプト全文を読む → 趙雲が片手で幼い劉禅を抱き、もう片手で槍を振るい敵陣を突破する三国志の名場面を描いた ARPG ゲームスクリーンショット。Black Myth: Wukong と Elden Ring スタイルの映画的フォトリアル表現で、護衛保護バーやコンボカウンターなど完全な HUD を搭載。
画像 プロンプト全文を読む → Black Myth: Wukong スタイルの映画的なフォトリアル表現による、古代中国を舞台にした AAA オープンワールド MMO のゲーム内 HUD スクリーンショットモックアップを生成。キャラクターポートレート、HP/MP バー、中国書道風スキルアイコン付きホットバー、ミニマップ、クエストトラッカー、チャットウィンドウなど完全な MMO HUD を含む 16:9 画面。
3画面のゲーミフィケーションアプリプロトタイプ:カバー画面、XPリボンとレベルバー付き今日のクエスト、クエスト詳細。ゲーミフィケーションアプリ、習慣トラッカー、RPG風ライフアプリ、レベルアップアプリ、デイリークエスト、XP/連続記録アプリに最適。
GitHub リポジトリ分析ダッシュボード — スター、フォーク、コントリビューター、イシュー、プルリクエスト、最近のアクティビティ、トップコントリビューター。GitHub リポジトリダッシュボード、オープンソース成長レポート、リポジトリヘルスページ、GitHub 分析ビューに使用。
Open Design internals: how the agent stream, sandbox, and artifacts work — an engineering deep-dive talk. Built as a decision-grade AI literacy deck for engineers, dev community.
ビデオトランジションやサイバーパンクヒーロー向けのデジタルグリッチ、色収差、データ破損エフェクトのタイトルフレーム。
Digital glitch, chromatic offset, and data-corruption title frame for video transitions or cyberpunk heroes.
A self-contained WebGL2 hero: a flowing field screened through a rotated halftone dot grid into a duotone print aesthetic; move the cursor to bend the drift.
画像 プロンプト全文を読む → キャラクターアート、スクリーンショット、生成画像から Codex 互換のペットアニメーションスプライトシートを作成、修復、検証、プレビュー、パッケージ化。8x9 アトラス、透明な未使用セル、行ごとのアニメーションプロンプト、QA コンタクトシート、プレビュー動画、pet.json パッケージングを自動生成。
Seedance 2.0用の詳細なマルチシーン動画生成プロンプト。ハリウッドオートクチュールファンタジー映画を8K解像度とUnreal Engineレンダリングで作成します。
A self-contained WebGL2 hero: thin-film interference over a crushed-foil surface whose palette shifts with the viewing angle; move the cursor to tilt the film.
A horizontal-scroll WebGL gallery (Three.js): frames glide sideways with lerp smoothing and each image parallaxes its texture (UV shift) by its position in the viewport.
1ページの新入社員オンボーディング計画——初週スケジュール、バディ+マネージャー紹介、学習トラック、機器チェックリスト、『準備完了の目安』。「オンボーディング」「新入社員」「初週計画」「入職」といった記述がある場合に使用。
16:9 HTML デッキ、タクティカルテレメトリー / CRT ターミナルスタイル。非アクティブ CRT チャコールスライド、白色リン光モノスペース、ハザードレッドアクセント、スキャンラインオーバーレイ、ASCII 構文、装飾より密度を優先。Leonxlnx/taste-skill `brutalist-skill`(タクティカルテレメトリーモード)から抽出。
16:9 HTML プレゼンテーション、エディトリアル・ミニマリスト様式。温かみのあるクリーム色のスライド、セリフ見出し + グロテスク本文、極細罫線、等幅メタ情報、ゆとりある余白、アクセント1色。Leonxlnx/taste-skill `minimalist-skill` より抽出。
Seedance 2で特定のキャラクターリファレンスに基づいたその場歩行アニメーションを作成するための手順。
動画 プロンプト全文を読む → HyperFrames HTML で動画コンポジション、アニメーション、タイトルカード、オーバーレイ、字幕、ナレーション、オーディオリアクティブビジュアル、シーントランジションを作成。HTML ベースの動画コンテンツ制作、音声同期字幕追加、テキスト読み上げナレーション生成、音楽連動アニメーション(ビート同期、グロー、パルス)、アニメーションテキスト強調(マーカースイープ、手描き円、バーストライン、スクリブル、スケッチアウト)、シーントランジション(クロスフェード、ワイプ、リビール、シェーダートランジション)に対応。
Hyperframes / Remotion 対応の連続フレームアニメーションで、自動再生をサポート。
画像 プロンプト全文を読む → 番号付きのご当地グルメ、ランドマーク、凡例を含む手描き水彩風の観光マップを生成します。
画像 プロンプト全文を読む → あらゆる参考画像を10歳の子供が描いたようなクレヨンイラストに変換。明るいクレヨンカラーと白い紙に、お城やキャンディ、星、雲、虹などの童心あふれる要素を加えます。Webスクリーンショット、ブランドビジュアル、商品写真、ポートレートに対応した gpt-image-2 の画像編集機能。
ポスター、キービジュアル、エディトリアルイラスト向けの単一画像生成スキル。デフォルトは gpt-image-2 ですが、上流ツールを通じて Flux、Imagen、Midjourney にも対応。出力は PNG/JPEG ファイルとしてプロジェクトフォルダに保存されます。
画像 プロンプト全文を読む → 2:3縦型ポスター、4×4グリッドの16個の正方形パネルで構成され、人気曲「極楽浄土」の完全な振付分解チャートを表示。各パネルには同じ半リアル系アニメアイドル少女(ピンクツインテール、セーラー襟スクールアイドル衣装)のシグネチャーポーズを収録。AI動画生成用のポーズ参照シートとして設計、gpt-image-2対応、2:3比率。
印刷可能な請求書ページ——送信者・受信者ブロック、明細表、税金内訳、合計、支払い方法を含みます。『invoice』『bill』『billing statement』『発票』といったキーワードが要件に含まれる場合に使用します。
印刷品質のシングルページ紙文書を生成——温かみのある羊皮紙キャンバス、インクブルーのアクセント、単一ウェイトのセリフ体、イタリック無し、クールグレー無し。アプリUIではなく、プロフェッショナルなホワイトペーパーやスタジオワンページャーのような出力。多言語対応設計(EN · zh-CN · ja)。単一の自己完結型HTMLファイル、依存関係ゼロ。
温かみのある羊皮紙キャンバス (#f5f4ed)、モノクロームインクブルーアクセント (#1B365D)、1つのセリフ書体ファミリー、編集グレードのタイポグラフィ。
かんばん/タスクボード。列(To do / In progress / In review / Done)、ドラッグ可能なカード、担当者アバター、スイムレーン、上部フィルターバーを含みます。'kanban'、'task board'、'sprint board'、'trello'、'看板'が言及されたときに使用します。
Bold kinetic typography promo
プロトタイプ プロンプト全文を読む → 過去30日間のコミュニティとソーシャルトレンド調査。現在の意見、最近の感情、コミュニティの反応、ソーシャルプルーフ、ローンチ反応、トレンドスキャン、または過去30日間のコンテキストに関する問い合わせに使用します。
フィルムライトリーク、粒子感、16:9レターボックス、大きなセリフ書体を使った映画的なオープニングやチャプターカード用。
Film light leaks, grain, 16:9 letterbox, and large serif type for cinematic openings or chapter cards.
WebGL スタイルの流体ディスプレイスメント背景に引用文オーバーレイを配置。動画イントロ、ランディングヒーロー、ポスターに最適。
WebGL-style fluid displacement background with a quote overlay, suited to video intros, landing heroes, or posters.
A self-contained WebGL2 hero: a living oil-on-water field brightened into iridescent caustic filaments; move the cursor to bend the flow.
フルスクリーンのリキッドメタル shader を構築します。溶けたクロームが波打ち、スイープするスペキュラハイライトが玉虫色の薄膜パレットの上を走ります。60fps で描画し、単一の自己完結型 index.html として出力します。
プロトタイプ プロンプト全文を読む → コネクタまたはローカルデータに基づく、更新可能で監査可能な Open Design アーティファクトを作成。ライブダッシュボード、更新可能なレポート、同期ビュー、再利用可能なデータ駆動アーティファクトに対応。
Notion スタイルのチームダッシュボードを Live Artifact としてレンダリング。KPI、7 日間のスパークライン、リアルタイムアクティビティフィード、リンクデータベースタスクテーブルを含む単一ページの自己完結型 HTML ダッシュボード。Composio コネクタカタログ経由で Notion に接続。オンデマンドおよび開封時に更新し、コネクタ未接続時はモックデータで動作。
アニメスタイルの実写デュエルシーンを生成する詳細なプロンプト。「水の呼吸」(青い水龍)と「雷の呼吸」(金色の雷)による15秒の戦闘映像を作成します。
セグメント化されたロゴアセンブリ、グローブルーム、タグライン表示機能。動画のアウトロやブランドクロージング画面に最適。
Segmented logo assembly, glow bloom, and tagline reveal for video outros or brand closing frames.
Seedance 2.0 向けの詳細なマルチショット映画プロンプト。スタイリッシュな男性、ドーベルマン、ヴィンテージスーパーカーを霧の山岳地帯で描写します。
アプリアイコン、タイトル、本文を含むリアルな macOS 通知バナー。動画オーバーレイや製品ティザーに最適。
Huashu / huashu-md-html にインスパイアされたマガジン記事レイアウト。Markdown やメモを洗練された長文 HTML エッセイに変換します。
新聞紙スタイルの編集ポスター。新聞用紙、日付線、打ち消し線とイタリック体を含む特大セリフ見出し、2段組本文、引用注釈付き6つの番号セクションを備えています。雑誌ポスター、エディトリアルポスター、新聞紙レイアウト、マニフェストデザインに最適。
魔法少女が学園に到着し、魔法の力を発見し、魔法の決闘を繰り広げるシネマティックなシーケンスを描く詳細なストーリーボード用プロンプト。
A neighborhood zine on the disappearing corner shops — portraits, voices, and what a block loses when they close. Built as a decision-grade story deck for community, local readers.
A public-transit funding proposal for a city council — ridership need, the plan, the risk controls, and the ask. Built as a decision-grade policy briefing deck for city council, public board.
縦型ポスターやストーリーズ風のシェア画像、視覚的インパクトが強い。
議事録ページ — 参加者付きタイトルバー、アジェンダチェックリスト、決定事項ブロック、担当者と日付付きアクションアイテムテーブル、および「次回会議」フッター。'議事録'、'minutes'、'1:1ノート'、'全社ミーティング要約'、'会議紀要'などの指示に使用。
ピクセル単位で正確な iPhone 15 Pro フレーム内にレンダリングされるモバイルアプリ画面。assets/template.html をコピーし、references/layouts.md から1つの画面アーキタイプを貼り付けて構築します。ブリーフで『モバイルアプリ』『iOS アプリ』『Android アプリ』『スマホ画面』『アプリ UI』が求められた際に使用します。
3つのスマホ画面を並べたマルチスクリーンのモバイルオンボーディングフロー(スプラッシュ、バリュープロップ、サインイン)。ステータスバー、スワイプドット、プライマリCTAを含む。『モバイルオンボーディング』『iOSオンボーディング』『スマホサインアップ』『移动端引导』に関する要件に対応。
モダンでミニマルな履歴書、A4サイズ1ページ、印刷またはPDF出力に対応。
Seedance 2.0でモダン田園美学スタイルのヒーリング的なショートフィルムを生成する詳細な3ショットプロンプト。シネマティックコマーシャル、4K/8K、極端マクロなどを指定。
画像 プロンプト全文を読む → いらすとやのシンプルで温かみのある画風と、日本の官公庁スライドの高情報密度を組み合わせたプロンプト。
ループするCSS アニメーション(回転するテキストリング、アニメーション地球儀、タイマー、パララックスラベル)を含む単一フレームのモーションデザイン合成。HyperFrames や任意のキーフレームベースのエクスポーターに直接渡せるヒーロー動画ポスターとしてレンダリング。モーションデザイン、アニメーションヒーロー、ループ、動画ポスター、タイトルカードの要件に対応。
synthwave なネオングリッドシーンを構築します。パースのかかった床グリッドが帯状のレトロな太陽へ向かってスクロールし、ネオンの星空の下に広がります。60fps で描画し、単一の自己完結型 index.html として出力します。
Seedance 2.0 用の繊細なアニメーションプロンプト。被写体を固定したまま背景と照明要素に動きを加えます
画像 プロンプト全文を読む → 単一画面の Notion ネイティブチームダッシュボードモックアップ — KPI グリッド、7日間スパークライン、アクティビティフィード、リンクデータベースタスクテーブルを搭載。データ更新やコネクタ連携に対応し、静的モックアップとしても使用可能。
Animated data chart in print editorial style
NYT 編集室タイポグラフィ、段階的表示アニメーション、編集グレードのチャート(折れ線、棒、または範囲バンド)。
NYT-newsroom typography, staggered reveal animation, and editorial-grade charts (line, bar, or range band).
プロトタイプ プロンプト全文を読む → A pixel-faithful mirror of the live open-design.ai homepage — an interactive WebGL/Three.js (React Three Fiber) hero built on Next.js. Features a real-time 3D "Open Design" wordmark (Draco-compressed geometry), a scattered sticker collage, custom variable fonts, cursor-reactive parallax, and scroll-driven motion. This is a first-party showcase of the visual ceiling Open Design targets for interactive marketing surfaces on the web — with all assets bundled locally (only the Draco decoder loads from a CDN, like the other WebGL examples), rendering in the sandboxed preview. Use as a reference for high-craft 3D landing pages, agent-native product sites, and motion-rich hero sections.
Atelier Zero ビジュアル言語(Monocle / Apartamento / Études エディトリアルコラージュ)を使用した単一ページのランディングサイトを生成。ブランドブリーフから inputs.json を入力し、gpt-image-2 で最大16枚のコラージュアセットを生成、自己完結型 HTML を出力。スクロールアニメーションと固定ナビゲーションを自動実装。
2つ以上のコネクタを接続すると、Orbit が自動的に起動し、過去24時間のすべての認証済みコネクタ(GitHub、Linear、Notion、Slack、飞书、カレンダー、Gmail、ドライブ、Sentry、Vercel など)からアクティビティを取得し、「我的设计」の上部にアダプティブなベントグリッドダッシュボードを生成します。Orbit の日次ダイジェストスケジューラーによって自動実行されます。
GitHub コネクタに基づいて毎日のダイジェストを自動生成する Orbit スキル。過去 24 時間の PR、レビューリクエスト、Issue、CI 実行、マージを取得し、GitHub ネイティブ通知風のレイアウトで表示します。Orbit の毎日ダイジェストスケジューラーによって自動起動されます。
Gmail が唯一の接続サービスの場合、または明示的に指定された場合に、過去 24 時間の受信トレイアクティビティを抽出してデイリーダイジェストを生成します。Orbit スケジューラーにより自動起動され、手動での実行は不要です。
Linearがユーザーの唯一の接続済みコネクタである場合、またはユーザーがデイリーダイジェストをLinearに明示的にスコープした場合にOrbitパイプラインによって自動的にトリガーされます。過去24時間の課題の動き、ステータス変更、アサイン、サイクル進捗を取得し、Linearネイティブの受信トレイビジュアル言語でレンダリングします。
Open Orbit ブリーフィングスキル — Notion がユーザーの唯一の接続コネクタである場合、またはユーザーがデイリーダイジェストを明示的に Notion にスコープした場合に Orbit パイプラインによって選択されます。過去24時間のドキュメント編集、コメント、メンション、データベース行の変更をユーザーの認証済み Notion 接続から取得し、ネイティブ Notion ページ(コールアウト/トグル/データベーステーブル)としてダイジェストをレンダリングします。このスキルは手動でトリガーすべきではありません — Orbit のデイリーダイジェストスケジューラによってライブ Notion データに対して呼び出されます。
渦巻くパーティクル銀河を構築します。数万個の加算合成された GPU ポイントが明るいコアの周りを螺旋を描いて回り、その軌道は頂点 shader で計算されます。60fps でライブに描画し、単一の自己完結型 index.html として出力します。
Swiss-grid statistic anchor — giant number, red accent, growing bars, black data bar. Rational and editorial.
A design-school graduation project: a civic wayfinding system for a transit hub — the brief, the process, and the outcome. Built as a decision-grade coursework defense deck for crit panel, faculty.
Open Design Teams: a launch-and-adoption proposal for a mid-market design team weighing a switch from closed cloud tools. Built as a decision-grade B2B sales deck for design team lead, IT.
A scroll-reactive masonry gallery (Three.js + GSAP) where each image develops from a pixel/grid dissolve on viewport entry, with a split-text heading and click-to-fullscreen Flip.
Open Design's community-growth campaign across GitHub, Discord, and X: the loops, the content calendar, and the pipeline math. Built as a decision-grade marketing & GTM deck for growth team, community lead.
Playful elastic animations
1ページのプロダクト仕様書/PRD——課題、成功指標、スコープ、ユーザーストーリー、デザインノート、ロールアウト計画、未解決の質問を記載。仕様書や要件定義書の作成に使用。
A brand-repositioning strategy for a heritage coffee chain — why, how, what — the governing idea and the moves to prove it. Built as a decision-grade consulting deck for client CMO, board.
Open Design's financial review: runway, burn, and the sustainability plan that keeps the project independent. Built as a decision-grade data & finance deck for board, leadership.
A brutalist poster-series case study for a music festival — the concept, the system, and how it scaled across formats. Built as a decision-grade design craft deck for design peers, client.
Open Design's QBR for the executive committee: what moved, what stalled, and the resource reallocation ask. Built as a decision-grade corporate strategy deck for executive committee.
An economics senior thesis on the employment effects of local minimum-wage increases — identification strategy, evidence, and limitations. Built as a decision-grade coursework defense deck for thesis committee.
Open Design's unit-economics and BYOK cost model: the assumptions, the sensitivity, and why it scales. Built as a decision-grade data & finance deck for CFO, investors.
A brand visual-identity system reveal for an outdoor label — logo, color, type, and the rules that keep it consistent. Built as a decision-grade design craft deck for brand team, client.
A workplace-safety compliance review for a manufacturing regulator — findings, the evidence chain, and the corrective mandate. Built as a decision-grade policy briefing deck for regulator, plant leadership.
Open Design's engineering blueprint: how the sandbox, sidecar, and daemon fit — the system diagram and the invariants. Built as a decision-grade product management deck for engineering org.
An operating-model redesign for a scaling logistics firm — the diagnosis, the target model, and the transition roadmap. Built as a decision-grade consulting deck for client sponsor, ops leaders.
独立した料金ページ — ヘッダー、プラン階層、機能比較表、FAQを含みます。「料金」「プラン」「サブスクリプション階層」または「プラン比較」ページが必要な場合に使用します。
Multi-scene product showcase with SVG assets
Multi-scene 30-second product promo: problem-type intro, brand reveal, benefits flowchart, product surfaces, value pillars, foundation, CTA outro. Forked from Nate Herk's hyperframes-student-kit (linear-promo-30s); brand-specific copy + assets replaced with generic placeholders.
画像 プロンプト全文を読む → キャラクターの参考イラストを、元の衣装、ポーズ、猫を保持したまま、リアルで暖色調のヴィンテージな室内ポートレートに変換します。
画像 プロンプト全文を読む → カジュアルファッション撮影の4枚写真コラージュを生成する構造化JSONプロンプト。被写体とライティングパラメータを詳細設定可能。
画像 プロンプト全文を読む → ハゲワシとカラスに囲まれた、ムーディーなダークファンタジー設定の南アジア系青年の詳細なシネマティックポートレート。
画像 プロンプト全文を読む → ポスター、ソーシャルメディアアート、未来的なブランディングビジュアルに最適なネオン調のスタイリッシュなアニメポートレート。
画像 プロンプト全文を読む → 光沢のあるスタイリッシュな髪、華やかな紫と黒の衣装、花咲く魔法の庭園を背景にした、洗練されたアニメスタイルのファンタジーポートレートを生成します
画像 プロンプト全文を読む → 柔らかく発光するアニメスタイルのファンタジーキャラクターポートレートを生成し、流れる髪と夢幻的な春の雰囲気を持つ縦型キービジュアルやキャラクターイラストの制作に最適です。
画像 プロンプト全文を読む → エレガントな黒のディープネック衣装を着た女性の、フォトリアルなラグジュアリースタイルのポートレートを生成します。ファッション誌やビューティー画像に最適です。
画像 プロンプト全文を読む → リアルな肌の質感と自然なスマホ自撮り構図を生成するための詳細なプロンプトスニペット。毛穴の表現と自然な照明に焦点を当てています。
画像 プロンプト全文を読む → 光沢のある金髪、紫の花、華麗なクリスタルの衣装を纏ったエレガントな魔法使いの姫のアニメ風ファンタジーポートレートを生成。キャラクターアートや魔法のイラストに最適。
画像 プロンプト全文を読む → 独特な分割背景とドラマチックなスタジオライティングを使用したモノクロポートレートのハイエンド商業写真プロンプト。
画像 プロンプト全文を読む → このプロンプトは、損傷した4人家族のビンテージ写真を、クリーンでカラー化された高解像度のリアルなポートレートに復元し、写真の修復と強化を行います。
画像 プロンプト全文を読む → 日差しの庭園で佇む読書好きな若い女性のリアルな編集スタイルのポートレートを生成。ライフスタイル写真、文学ブランディング、エレガントなキャラクター画像に最適です。
画像 プロンプト全文を読む → プロフェッショナルな服装の人物とキャリア関連の活動、タイポグラフィを組み合わせた高解像度のプレミアム壁紙を生成します。
画像 プロンプト全文を読む → GPT Image 2 で使用するクリエイティブプロンプト。偶発的で低品質なスマートフォンスナップショットに見える「失敗した」セルフィーを生成します。
画像 プロンプト全文を読む → 正方形のshikishiボードに生き生きとしたサイン入りマーカースタイルのポートレートを生成。ファンアートのサイン、記念イラスト投稿、パーソナライズされた感謝ビジュアルに最適です。
画像 プロンプト全文を読む → 雪山の寺院を背景に、豪華な冬のHanfuを着た兎をテーマにした女性のリアルなファンタジーポートレートを生成するプロンプト。
画像 プロンプト全文を読む → ウサギをテーマにした白いHanfuを着た仮面の女性の、シネマティックな冬のファンタジーポートレートを生成。優雅なキャラクターアートや雰囲気のあるAI展示画像に最適です。
画像 プロンプト全文を読む → 刺繍入り Hanfu を着たウサギ耳の女性の超精細ファンタジー美人画を生成。キャラクターアート、衣装デザイン、映画的な AI ポートレート制作に最適。
画像 プロンプト全文を読む → 冬の雰囲気の中、うさぎ耳の女性キャラクターの幻想的なポートレートを生成。雰囲気のあるキャラクターアートやスタイライズされたプロフィールイラストに最適です。
画像 プロンプト全文を読む → 古代の中庭で宋朝の伝統的なHanfuを着た美人の詳細でリアルな肖像画を生成する最適化されたプロンプト。
レイマーチングによる 3D ヒーローを構築します。fresnel リムライトをまとったソフトシャドウのモーフィングメタボールがゆっくりと周回し、フラグメント shader でピクセルごとにスフィアトレースされます。60fps でフルスクリーン描画し、単一の自己完結型 index.html として出力します。
投票レールとコメント数を備えたリアルなReddit投稿カード。動画オーバーレイやストーリー共有に最適です。
Rescuing a messy startup deck into a board-grade system — the diagnosis, the page grammar, and the rebuilt proof pages. Built as a decision-grade design craft deck for founders, exec presenter.
80~90年代の香港武俠映画の美学を再現する複雑なマルチパート動画プロンプト。猫から人間への変身シーンをスタイライズされた映像で表現。
Open Design + BYOK: choosing and wiring your own model, hands-on — cost, quality, and the routing decision. Built as a decision-grade AI literacy deck for engineers, IT, applied-AI teams.
Open Design live demo: from a one-line prompt to runnable design in a single session — the flow, live. Built as a decision-grade AI literacy deck for developers, prospects, community.
Open Design's weekly metrics standup: this week's numbers, the one anomaly, and the single decision it forces. Built as a decision-grade data & finance deck for ops & growth team.
A retail sales-floor training on consultative selling — the flow, the role-plays, and the daily habit that lifts conversion. Built as a decision-grade professional training deck for store associates, floor managers.
Open Design's all-hands: the year in review, the three priorities, and what every team owns next quarter. Built as a decision-grade corporate strategy deck for whole company.
ヒーロー、機能紹介、ソーシャルプルーフ、料金、CTAを含むシングルページのSaaSランディングページ。有効なDESIGN.mdのカラー/タイポグラフィ/レイアウトトークンに準拠。トリガーキーワード:"saas landing"、"marketing page"、"product landing"。
Seedance 2.0向けの詳細なマルチシーンプロンプト。映画的で超リアルな日本の高校純愛短編を生成します。
Seedance 2.0で16:9横型ストリートラップMVを生成するための15秒の詳細プロンプト。80歳の女性が主役で、ネオンパープル/ブルーのクールトーンスタイルを指定。
動画 プロンプト全文を読む → Seedance 2.0 向けの動画プロンプトで、キャラクターシートに基づいて特定の動作とステップのアニメーションシーケンスを生成します。
1080×1080の正方形で構成される3枚のソーシャルメディアカルーセル。映画的でブランドに沿った3つのパネルに、シリーズ全体で連続する見出し(『前へ。』→『次へ。』→『先を見据えて。』)を配置。各カードにはブランドマーク、番号/総数、キャプション、「ループ」アフォーダンスが含まれます。『カルーセル投稿』『ソーシャルカルーセル』『Instagram カルーセル』『LinkedIn シリーズ』『X スレッドカード』『三連発』などの要件に対応。
クリエイター向けソーシャルメディア分析ダッシュボード、単一 HTML ファイル。プラットフォーム切り替え(X / LinkedIn / YouTube / Instagram)、KPI カード(フォロワー数、エンゲージメント率、いいね数、リポスト数)、フォロワー成長チャート、今週のトップ投稿プレビュー、トレンドトピック/トップコメントサイドパネルを搭載。
ソーシャルメディアマトリックスデータ追跡パネルテンプレート(Social Media Matrix Tracker)。マルチプラットフォーム指標、インタラクティブチャート、ホバーインサイト、範囲比較、ダーク/ライトテーマ切り替えを備えた、映画的でデータ密度の高いソーシャルメディア分析ダッシュボードが必要な場合に使用。単一の HTML で実現可能。
画像 プロンプト全文を読む → Pokémon ストア内の青いドレスを着た顔をぼかした女の子をフィーチャーした、柔らかなパステル調のアニメファッション告知ポスターを生成。衣装お披露目ティザーやキャラクタープロモビジュアルに最適。
画像 プロンプト全文を読む → 金属製エレベーター内の女性を映画的でムーディーに描く、リアルな照明と反射効果を備えたシーン生成用プロンプト。
画像 プロンプト全文を読む → コージーでかわいいワークスペースでパソコンをタイピングするエルフ少女の柔らかなパステルアニメイラストを生成。SNS投稿、壁紙、配信者向けアートに最適。
画像 プロンプト全文を読む → ミニマルなスタジオシーンに適したムーディーなファッション系プロンプト。ソフトな照明と暖色トーンが特徴。
画像 プロンプト全文を読む → 統一されたスタイリング、特定の照明、参照写真の顔の特徴に焦点を当てた2x2ファッションエディトリアル写真コラージュを生成します。
画像 プロンプト全文を読む → ソーシャルメディアやスポーツプロモーションで選手のパリ・サンジェルマン移籍を発表するための、大胆でプロフェッショナルなサッカー契約ポスター。
画像 プロンプト全文を読む → 統一感のあるダンスシーケンスを生成する8ショット完全絵コンテプロンプトセット。gpt-image-2モデル向けに調整され、グローバルスタイルトークン、共通ネガティブプロンプト、8つの個別ショットプロンプト(オープニングポーズ、ヒップグルーヴ、ボディウェーブ、ビートドロップ、サイドヒップスウェイ、ヘアフリック、パワースタンス、フィニッシングポーズ)を含みます。
画像 プロンプト全文を読む → アニメキャラクターアート、ノスタルジックなShowa時代のストリートイメージ、雑誌スタイルの情報レイアウトを組み合わせた、温かみのある編集スタイルの日本の祝日特集ページで、季節の文化プロモーションに最適です。
画像 プロンプト全文を読む → キャラクタープロフィールに基づいて、アイテムラベルと価格を含む1週間分のファッションブロガースタイルのコーディネート提案を生成します。
画像 プロンプト全文を読む → 一人旅を描いたスマートフォン風の12フレームノスタルジックコラージュを作成する詳細プロンプト。
画像 プロンプト全文を読む → グラファイト線やインクのにじみなどのリアルなディテールを含む、紙の上の手描きマーカースケッチを生成。ヴィンテージレタリングスタイルに最適です。
鏡の前で魂が入れ替わる魔法イベントを描写するナラティブ動画プロンプト。各セグメントのカメラ指示と感情の手がかりを含みます。
Spotify風の再生中カード。アルバムアート、プログレスバー、再生コントロールを備え、動画オーバーレイや個人ホームページに最適。
ピクセルアート風のアニメーション解説スライド。クリーム色の背景、太字の年号表示、ピクセルアートのマスコット(花札カード、キノコ、8ビットゲーム機など)、動的な日本語タイポグラフィとタイムラインリボンを特徴とします。CSS アニメーションのみで、縦動画として録画可能。
SVG曲線コネクタ、付箋ノード、カーソル操作でホワイトボードブレストの雰囲気を再現。
Structured grid layout
Soft-tech radial node graph as art — frosted rounded card, curved links drawing in, nodes popping outward, gentle float.
Open Design from the CLI: driving the full design workflow with the `od` command — scripted, composable, agent-ready. Built as a decision-grade AI literacy deck for developers, power users.
A visual-design fundamentals course for new brand designers — grid, type, color, and the exercises that build the eye. Built as a decision-grade professional training deck for junior designers, new hires.
OKR トラッカーページ — 四半期バナー、3つの目標とその主要結果をプログレスバーで表示、オーナーアバター、ステータスピル、『今四半期の概要』サイドバー。OKR、主要結果、目標、または「目标」に言及がある場合に使用。
A career-pivot story from consultant to product leader — the arc, the proof, and why the next role is the right bet. Built as a decision-grade career deck for hiring manager, mentors.
パンがロケットのように飛び出すトースターに驚く老人の家庭用ビデオ風リアルな映像を生成するプロンプト。
プロフェッショナルなトレーディング分析ダッシュボードテンプレート(単一ファイル HTML)。ライト/ダークテーマ切替、密集型マーケットパネル、チャート操作、デモ/ライブ再生、コマンドパレット機能を搭載。ウォール街スタイルの分析ターミナルやハイテク金融ダッシュボードに最適。
動画 プロンプト全文を読む → 振付とアイデンティティ参照画像に基づいて優雅な伝統舞踊を生成するための、Seedance 2.0 用の包括的な動画プロンプト。
A cherry-blossom-season travel photo essay through Kyoto — the arrival, the peak bloom, and the moment that made the trip. Built as a decision-grade story deck for friends, travel readers.
A field-biology capstone on urban pollinator decline — the survey design, the data, the contribution, and the caveats. Built as a decision-grade coursework defense deck for faculty reviewers.
A gamer's journey building a retro-arcade collection — the obsession, the hunt, and what the machines came to mean. Built as a decision-grade story deck for friends, hobby community.
A pop-culture retrospective on how 1980s design language shaped today's apps — the scenes, the turning point, and the takeaway. Built as a decision-grade story deck for talk audience, design community.
A lab-meeting deck on gut-microbiome links to sleep quality — the design, the results, the caveats, and the next experiment. Built as a decision-grade academic research deck for lab group, PI.
A wedding-anniversary tribute photo essay — a decade in scenes, the turning points, and the quiet meaning of staying. Built as a decision-grade story deck for couple, family, friends.
Open Design's incident retro: the daemon-restart data bug, the root cause, the fix, and the systemic follow-ups. Built as a decision-grade product management deck for engineering, SRE, leadership.
A family history told through five decades of home movies — the opening question, the eras, and what the footage reveals. Built as a decision-grade story deck for family, close friends.
HTML要素にライブコントロールパネルを追加し、アクセントカラー、タイプスケール、密度、モーション、テーマをリアルタイムで調整。CSSカスタムプロパティを即座に書き換え、localStorageに保存します。
投稿と組み合わせて使用するTwitterの引用またはデータカード。
シネマティックな1ページ型ラグジュアリー不動産ランディング。タイプライター式プリローダーがせり上がって消え、下からせり上がりつつ拡大してダークなステートメントセクションに張り付くスクロール連動の建物画像、数字がカウントアップする固定式のダーク統計バー、そしてダークセクションの上にせり上がってくるホバー展開の動画ギャラリーを備える。
動画イントロでの単語ごとの引用表示に、カーソルライトトレイル、色収差光線、指向性フレアを追加します。
Cursor light trail, chromatic rays, and directional flares for word-by-word quote reveals in video intros.
A two-phase Seedance 2.0 workflow for the viral desk-hologram format: first lock a photoreal keyframe on a real developer desk (Open Design UI on the monitor, a cobalt-blue extraterrestrial hunter standing on the keyboard), then animate that still into a ~15s 9:16 image-to-video clip. Tuned for believable AR passthrough — medium-strength VFX, real desk clutter, monitor glow spill on the character, and light physical interactions (open mug, keyboard step, bow draw). Inspired by the desk-hologram Seedance 2.0 trend; no copyrighted character names in the prompt.
三国志の名場面を再現した約10秒のインゲームアクションシーケンス。関羽が赤兎馬に乗り敵陣に突入し、青龍偃月刀で顔良を一刀両断。Seedance 2.0向けに最適化、金色の気のエフェクトで斬撃を表現し、流血表現なし。
約10秒のゲームエンジン内アクションシーン。呂布が対峙する二つの軍勢の間で赤漆の長弓を引き、金色の気を纏った矢を遠方の戟に向けて放つ。Seedance 2.0向けに最適化されたカメラワーク、弓矢の物理演算、風砂と旗の動き、ゲームスクリーンショット風カラーグレーディングを収録。対応する静止画テンプレートとセットで使用可能。
約12秒のゲームエンジン内アクションシーン。長坂の戦場で趙雲が左腕に阿斗を抱き、右手の槍で敵を受け流し戦車を飛び越える場面。対応する画像テンプレートとセットで使用可能。
ショート動画生成スキル — 3-10秒の商品紹介、モーションティザー、アンビエントループ。デフォルトは Seedance 2 ですが、Kling 3 / 4、Veo 3、Sora 2 でも同様に動作します。出力は MP4 ファイル1つでプロジェクトフォルダに保存されます。ワークスペースにインタラクティブ動画/ハイパーフレームスキルがある場合は、長い単一クリップではなく複数のショットを1つのタイムラインに構成することを推奨します。
Bold typography with red accents
ワニの海賊と鳥の海賊が船上で繰り広げる、クラシックなヴィンテージディズニースタイルアニメーションの複数シーン物語プロンプト。
動画 プロンプト全文を読む → 16パネルのストーリーボード参考に基づいてキャラクターにダンスをアニメーションさせるSeedance 2.0用の詳細なプロンプト。
A self-contained WebGL2 hero: a living Voronoi network with drifting feature points, palette-keyed cells and glowing boundaries; move the cursor to push the cells.
画像 プロンプト全文を読む → VRヘッドセットのハイテク分解図を生成し、詳細な部品の説明とプロモーション文を含みます。
メールアドレス収集、ブランドロゴ、オプションの装飾レイヤーを備えたミニマルなプレローンチランディングページ。DESIGN.md から配色、タイポグラフィ、レイアウトルールを読み込みます。製品ローンチ、ベータサインアップ、早期アクセスプログラム、インディープロジェクトに最適。
Cream aesthetic with grain texture
脚付き移動工場と反乱軍バイクの追跡を描く、ハイスピード荒野シーンの映画的プロンプト。
プロトタイプ プロンプト全文を読む → Extract visual effects, Canvas/WebGL/Shader behavior, and interaction details from a reference website, then rebuild them as an editable Open Design artifact.
汎用デスクトップWebプロトタイプ。`assets/template.html` をコピーし、`references/layouts.md` のレイアウトを貼り付けて単一の自己完結型 HTML ファイルを生成。ランディングページ、マーケティング、ドキュメント、SaaS ページのデフォルトオプション。
スイス産業印刷スタイルのウェブプロトタイプ。新聞紙キャンバス、モノリシックな黒のグロテスク書体、ビューポートから溢れる数字、ヘアライングリッド分割、ハザードレッドアクセント、ASCII シンタックス装飾。Leonxlnx/taste-skill `brutalist-skill`(スイス産業印刷モード)より抽出。
エディトリアル・ミニマリストなウェブプロトタイプ。暖色モノクロームキャンバス、セリフ見出し+グロテスク本文、1pxヘアライン、ミュートパステルチップ、余白重視、アンビエントモーション。
Apple レベルのソフトなウェブプロトタイプ。シルバー/クリームキャンバス、ダブルベゼルカード、ネストボタン CTA、大きなスコーナー、スプリングモーション、アンビエントメッシュ。Leonxlnx/taste-skill の soft-skill およびセクション 4-8 に基づく。
フルスクリーンのリアルタイム WebGL/WebGL2 体験(アニメーションシェーダー、3D シーン、ジェネラティブビジュアル、パーティクル)を GPU 上でライブに構築します。WebGL、シェーダー、3D、ジェネラティブ、GPU、リアルタイムビジュアルの要望で起動。
プロトタイプ プロンプト全文を読む → Clone or visually recreate a website using source-first reconnaissance, route crawling, interaction probes, asset capture, and post-clone audit notes.
デスクトップのランディングページの注釈付き/レッドライン・ローファイ・ワイヤーフレーム。ブラウザフレーム内のグレーボックス、番号付きの注釈ピン(①–⑤)、各ピンを短いエンジニアリング/UX 注記に対応させる右側のスペックパネルを収録。「注釈付きワイヤーフレーム」「レッドライン」「ワイヤーフレーム仕様」「ローファイ・ランディング」「ローファイ」などの要件に最適。
デスクトップ SaaS ダッシュボードの精緻なグレーボックス/設計図ローファイワイヤーフレーム。中性的なグレーのブロック、対角クロス X 付き画像プレースホルダー、lorem バーのテキスト、模式的なチャートパネル、12 カラムグリッド上の等幅レッドライン注釈。「グレーボックス」「設計図ワイヤーフレーム」「ローファイダッシュボード」「低忠実度」などの要件に最適。
ローファイなモバイルアプリのフローワイヤーフレーム。3〜4枚のスマホ画面を横一列に並べ(オンボーディング → ホームフィード → 詳細 → 確認)、各端末内はグレーボックスのプレースホルダー、画面間は番号付きステップラベルの破線矢印でつなぎ、付箋メモを添える。「モバイルワイヤーフレーム」「アプリフロー」「ユーザーフロー」「ローファイモバイル」などの要件に最適。
手描き風のワイヤーフレーム。方眼紙の背景、マーカー/鉛筆のトーン、複数のタブラベル、付箋メモ、ラフなチャート、ハッチング塗りを収録。「ワイヤーフレーム」「スケッチ」「手描き」「ローファイ」「ホワイトボード」などの要件に最適。
重い計算を Web Worker で実行するリアルタイムビジュアライザー(パーティクル、物理、フラクタル、データ/オーディオ可視化)を構築。SharedArrayBuffer でメモリを共有し、60fps でキャンバスに描画します。web worker、シミュレーション、パーティクル、物理、フラクタル、メインスレッド外計算、リアルタイム可視化の要望で起動。
Open Design as an enterprise design platform: a buyer-forwardable proposal for a design-org's economic buyer — pain, value, ROI, rollout. Built as a decision-grade B2B sales deck for economic buyer, design VP, procurement.
Open Design's FY26 board pre-read: the open-core bet, growth vs burn, and the one decision the board must approve. Built as a decision-grade corporate strategy deck for board, CEO, CFO.
Open Design's 'design on your desk' brand-launch narrative: the market moment, the story, and the proof that converts. Built as a decision-grade marketing & GTM deck for marketing team, press.
Open Design's brand-story deck for partners and press: why it exists, what it believes, and where design is going. Built as a decision-grade marketing & GTM deck for partners, press, community.
For marketing and gtm work: bind launches, campaigns, events, and brand plans to growth and pipeline outcomes. Built around the core query "annual-marketing-plan", with GTM strategy lead judgment, buyer-ready proof, and this outcome: approve launch plan, campaign budget, or GTM motion.
Open Design vs closed cloud design tools: a side-by-side displacement case on control, cost (BYOK), and lock-in. Built as a decision-grade B2B sales deck for evaluation committee.
A customer-success workshop onboarding users to a project-management app — the first-value path and the habits that retain. Built as a decision-grade professional training deck for new customers, CS team.
Open Design's demo-day pitch: hook, traction, moat, and the raise — built to make a partner sit up by page three. Built as a decision-grade fundraising pitch deck for accelerator partners, angels.
Open Design's feature business case for the plugin marketplace: the user pain, options, tradeoffs, and the measure of success. Built as a decision-grade product management deck for PM, eng, design, leadership.
For product and technical management work: turn PRDs, roadmaps, RFCs, architecture reviews, and retros into decision documents. Built around the core query "pm-feature-business-case-deck", with product strategy lead judgment, buyer-ready proof, and this outcome: approve the feature, architecture, roadmap, or incident follow-up.
A grant proposal on CRISPR base-editing for sickle-cell disease — the hypothesis, the approach, the milestones, and the risk. Built as a decision-grade academic research deck for grant review committee.
Open Design's KPI decision brief: activation and retention drivers, what's working, and the one metric to move next. Built as a decision-grade data & finance deck for CRO, RevOps, leadership.
A market-entry study for a luxury skincare brand entering Asia — segmentation, positioning, channel, and the phased plan. Built as a decision-grade consulting deck for client leadership.
A margin-recovery diagnosis for a regional grocery chain — the governing thought, the driver tree, the priorities, and the roadmap. Built as a decision-grade consulting deck for client sponsor, steering committee.
A personal manifesto: a year of saying yes — the premise, the scenes, the turn, and the meaning that lands. Built as a decision-grade story deck for community, talk audience.
Open Design's product-launch announcement and press narrative — the headline, the proof points, and the call to action. Built as a decision-grade marketing & GTM deck for press, community, prospects.
Open Design renewal + seat-expansion business case for a growing customer: realized value, usage proof, and the expansion ROI. Built as a decision-grade B2B sales deck for champion, finance approver.
Open Design's revenue-driver narrative: what actually moves ARR, the leverage points, and the forecast. Built as a decision-grade data & finance deck for board, finance leadership.
Open Design's seed pitch: the open, local alternative to closed AI design — why now, the wedge, and the ask. Built as a decision-grade fundraising pitch deck for pre-seed & seed VCs.
Open Design's Series A growth story: the traction curve, the expansion motion, and why it's venture-scale. Built as a decision-grade fundraising pitch deck for Series A partners.
A staff-engineer promotion packet — scope, the proof moments, the artifacts, and the impact that clears the bar. Built as a decision-grade career deck for manager, calibration committee.
Open Design's strategy memo: should it monetize the plugin registry now or hold — options, risks, and the recommendation. Built as a decision-grade corporate strategy deck for CEO, strategy team.
Open Design's weekly growth review: stars, installs, activation — the number, the driver, and the recommended move. Built as a decision-grade data & finance deck for growth & product team.
A year-end self-review for a product manager — the role, the outcomes, the learning, and the ask, all evidence-backed. Built as a decision-grade career deck for manager, review committee.
A review deck on compositional generalization in large language models — the field map, the gap, the evidence, and open questions. Built as a decision-grade academic research deck for PI, lab group, reviewers.
Open Design as a worked AI-workflow example: how local agents read your files and design on your desktop — concretely. Built as a decision-grade AI literacy deck for teams new to AI, leadership.
Open Design's annual letter to its community: the year's story, what it learned, and where it's going next. Built as a decision-grade corporate strategy deck for community, contributors, investors.
Open Design's FY26 marketing plan: brand-to-pipeline — audience, offer, channel mix, and the launch calendar that ties creative to growth. Built as a decision-grade marketing & GTM deck for CMO, growth lead, founder.
Open Design's architecture review: the local daemon + agent-runtime design, the tradeoffs, and the decision to lock. Built as a decision-grade product management deck for staff eng, tech leads, security.
Open Design's enterprise AI-adoption brief: local-first agents at work, the risk controls, the ROI, and the rollout plan. Built as a decision-grade AI literacy deck for leadership, IT, security.
Open Design's investor pitch book: market map, moat, unit economics, and the ask — analyst-grade and diligence-ready. Built as a decision-grade fundraising pitch deck for growth-equity investors.
Open Design's operating review: growth, burn, and the concrete path to sustainability without losing the open ethos. Built as a decision-grade corporate strategy deck for leadership team.
A municipal urban-tree-canopy policy proposal — the public need, the evidence, the options, and the funding decision. Built as a decision-grade policy briefing deck for city council, agency reviewers.
いいね、リポスト、閲覧数などのエンゲージメント指標を含むリアルなX投稿カード。動画オーバーレイやシェア可能な画像カードに最適。
プロトタイプ プロンプト全文を読む → 市場、企業、製品、コミュニティに関する X/Twitter の世論調査。X や Twitter の感情分析、暗号コミュニティの意見、専門家の投稿、株式・セクター・企業・製品・市場イベントへの反応を知りたい場合に使用します。
Xiaohongshuスタイルのナレッジカードをスワイプ可能なマルチカードカルーセルで表示。
Open Designに付属するバンドル型プラグインテンプレートです。Open DesignはオープンソースのClaude Design代替ツールです。各テンプレートは実行可能なアーティファクト — プロトタイプ、スライドセット、画像生成器、動画コンポジション、またはHyperFramesモーション作品のいずれか。ローカルエージェントがプロンプトとオプションのサンプルHTMLに対してプラグインを実行し、あなたのマシン上で共有可能なアセットを生成します。
すべてApache-2.0です。プロンプトをフォーク、example.htmlを修正、ブランドトークンを変更 — 再配布する際はLICENSE通知を保持するだけです。
可能です。Open Designはあらゆる層でBYOK対応 — あなたのClaude / OpenAI / ローカルモデルの認証情報はマシンを離れません。マーケティングサイトは推論をプロキシしません。カタログ行に表示されるライブプレビューはテンプレートに付属するポスターとCloudflare Stream URLから来たもので、ホストされたランタイムからではありません。
nexu-io/open-design/plugins/_officialに対してPRを開き、open-design.json、SKILL.md、実行可能なexample.htmlを含む新しいフォルダを追加してください。リポジトリのCONTRIBUTING.mdに投稿ガイドがあり、マニフェストフィールドについて説明しています。承認された投稿は公開カタログに載り、次のデプロイで自動的にここに表示されます。
Claude Design StudioはAnthropicのホスト型プロダクトです。Open DesignはオープンソースのClaude Design代替ツール — このカタログ内のすべてのテンプレート、プロンプト、デザインシステムは公開リポジトリに存在し、あなたが選んだキーでローカルで実行でき、誰でも作成できるプラグインを通じて拡張可能です。同じアーティファクト分類(プロトタイプ、スライド、画像、動画)をミラーしているのでメンタルモデルは引き継がれますが、エージェントランタイムまですべてあなたのマシン上に留まります。
各テンプレートのマニフェストにはポスターURL(Cloudflare CDN)が含まれ、動画テンプレートの場合はCloudflare Stream MP4が含まれます。グリッドはポスターを静的サムネイルとしてレンダリングし、ホバー時にループ動画に切り替わります。画像とプロトタイプテンプレートはポスターを直接表示します。クリックするとディテールページで実行可能なexample.htmlが開きます。