OpenDesign

競合の公式サイトや料金、機能、利用者の評価などの資料を整理し、位置づけの図や比較表、狙うべき機会と行動案を含む製品戦略レポートにまとめるスキル。

• 競合比較を製品の意思決定に使いたいとき
• 料金やプランの違いを整理したいとき
• 調査メモを戦略レポートにまとめたいとき

管理画面や分析画面の基本構成を、1ページにまとめるスキル。固定サイドバー、検索や通知を置く上部バー、主要指標のカード、グラフ、最近の活動一覧を配置します。

• 管理ダッシュボードの画面設計
• 主要指標カードを並べたいとき
• 複数のグラフを1画面に配置

マッチングやコミュニティの状況を、一般利用者向けのダッシュボードとして見せるスキル。主要指標、直近30日の成立件数、成立率の推移を配置します。

• マッチングサービスの画面設計
• コミュニティの主要指標の表示
• 直近30日の相互マッチ件数の表示

システム構成や処理の流れを説明する、印刷を意識したスライドを作るスキルです。クリーム色の背景と設計図風の格子に、工程ボックスや要点の囲みを配置します。

• システム構成を説明したいとき
• 処理工程を順番に見せたいとき
• フィードバックの流れを図示したいとき

講座や研修のスライドを、学習目標を左側に表示し続ける構成で作ります。概念と具体例、選択式の自己確認問題、まとめと次の単元の予告まで整理します。

• 講座の単元別スライド作成
• ワークショップ教材を整理したいとき
• 授業中に学習目標を表示したいとき

紙とインクの質感を意識した、雑誌風のスライドを作るスキル。10種類のレイアウトと5組の配色を使い、意見やデータ、引用を横長の資料にまとめます。

• 雑誌風の資料で意見を共有したいとき
• 数値や引用を印象的に見せたいとき
• 手順や変更前後を説明したいとき

原稿の文言と順序を保ち、大きな太字と色面で見せる発表スライドに整えます。黒・赤・黄のテーマを選び、単独で動くHTMLに出力します。

• 演説原稿をそのままスライドにしたいとき
• 大きな文字で宣言を伝えたいとき
• 配色を統一したHTML資料の作成

電子雑誌と電子ペーパーを思わせる、横送りのHTMLスライドを作るスキル。流体背景の表紙、章扉、数値、画像、引用を組み合わせて内容を見せます。

• 雑誌風の企画資料を作りたいとき
• 重要な数値を大きく見せたいとき
• 画像と引用を組み合わせた発表資料

投資家向けの資金調達資料を、16:9の10ページ構成で設計するスキル。課題と解決策、市場規模、事業の実績、調達希望額を伝えるスライドに整理します。

• 投資家向けの資金調達資料を構成したいとき
• 市場規模や事業の実績を伝えたいとき
• 収益モデルと調達希望額を整理したいとき

各スライドに発表原稿を添え、別ウィンドウで現在・次のスライドや経過時間を確認できる資料テンプレート。発表中の言葉の確認やテーマ切り替えにも対応します。

• 各ページに発表原稿を添えたいとき
• 発表中に次のスライドを確認したいとき
• 原稿とタイマーで発表を練習したいとき

新製品の発表に使う16:9のスライドを作ります。暗い表紙と明るい本文を組み合わせ、開発の背景、製品画像、特徴、料金プラン、利用への案内を順に見せます。

• 新製品の発表スライドを作りたいとき
• 製品開発の背景を説明したいとき
• 製品の特徴と料金プランの紹介

小紅書やInstagram向けに、暖色のパステル背景と点線のカードを使った縦長の画像投稿を構成します。表紙から本文、最後の行動案内まで内容に合わせてまとめます。

• 小紅書の画像投稿を作りたいとき
• Instagramのカルーセル制作
• 複数の要点を縦長画像で伝えたいとき

小紅書の画像投稿と横長のプレゼン資料に使う、白地の雑誌風デザインを作ります。虹色の帯や淡い色のカード、大きなグラデーション文字で内容を見せます。

• 小紅書の画像投稿を作りたいとき
• 横長のプレゼン資料を整えたいとき
• 要点を淡い色のカードで整理

電子ガイドの表紙と本文を、開いた本のような2ページの見開きに整えます。著者名、内容の予告、引用の強調、手順リストを柔らかなベージュ基調で配置します。

• 無料配布ガイドの見本を作りたいとき
• レッスンを見開きで紹介したいとき
• クリエイターのガイド紹介資料の作成

API解説やチュートリアルを、左のナビゲーション・本文・右の目次からなる3列の文書ページに整えます。コードのコピーや注意事項の表示も備えます。

• APIの解説ページを作りたいとき
• コード例付きチュートリアルの作成
• 長い技術ガイドに案内を付けたいとき

Replit Slides風のテーマを一つ選び、単一ファイルの横送りスライドを作るスキル。配色と書体をそろえ、表紙から目次、本文、締めまで内容量に応じて構成します。

• 統一感のある発表資料を作りたいとき
• 製品資料のテーマを選びたいとき
• 内容量に合わせてページ数を調整

社内の技術共有やカンファレンス向けに、暗い配色と等幅フォントで発表スライドを構成するスキル。コード、デモ、発表の流れ、質疑応答を一つの資料にまとめます。

• 社内の技術共有資料を作りたいとき
• カンファレンス発表の構成整理
• コード例とターミナルデモの紹介

CLIやAIエージェント、開発ツールの評価資料を、黒背景とミントグリーンの文字で端末風に整えます。実行記録や差分、性能比較を示すスライド向けです。

• CLIや開発ツールの評価資料づくり
• エージェントの実行記録と差分の紹介
• 端末風スライドで性能比較を示したいとき

安全対策やリスク、事故の振り返りを伝えるスライドを作るスキルです。警告色と斜線、3段階の区分カード、チェックリストや事故のグラフで情報を整理します。

• 事故の振り返り資料の作成
• リスクを3段階で提示したいとき
• 攻撃を模した検証結果の共有

長文ブログやエッセイを、雑誌のような読み心地のページに整えるスキル。大見出し、図版、引用の抜粋、著者紹介、関連記事まで含むレイアウトを組み立てます。

• 長文ブログのページを整えたいとき
• エッセイを雑誌風に見せたいとき
• 図版と引用を交えた事例紹介

告知やメッセージを、アプリアイコン付きのmacOS風通知バナーに仕立てます。すりガラス調の見た目で、動画の右上に重ねる素材やSNS用画像を作ります。

• 動画の隅に通知を重ねたいとき
• 製品リリースの予告バナー作成
• 告知を通知風のSNS画像にしたいとき

製品や分析結果を、16列グリッドと一つのアクセントカラーで統一したスライドにまとめます。22種類の定型レイアウトを使い、キーボードでめくれるHTMLを出力します。

• 製品ロードマップを年表で紹介
• KPIや順位を比例グラフで報告
• 変更前後を比較したいとき

開発者向けの解説スライドを、暗い背景と紫・青の光、3色のグラデーション見出しで構成するテンプレート。コード例や強調枠の配色もそろえます。

• 開発者向けの解説資料を作りたいとき
• コード例を暗いスライドに載せたいとき
• 技術解説の要点を強調したいとき

流体のように揺れる背景に大きな見出しや短いメッセージを重ね、動画の冒頭、ランディングページのメインビジュアル、ポスターに使える単一HTMLを作ります。

• 短いメッセージ付きの動画冒頭を作りたいとき
• ランディングページのメインビジュアル制作
• 流体背景のポスターを作りたいとき