OpenDesign

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

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

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

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

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

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

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

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

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

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

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

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

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

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

CSV・Excel・JSONの実データを、重要指標のカードと複数のグラフ、表を備えたレポートページにまとめます。期間や出典、読み取れる傾向、集計方法も整理します。

• 週次の実績データをレポートにしたいとき
• 重要指標と前年比を確認したいとき
• グラフと表でデータの傾向を共有

暖色の光漏れやフィルム粒子、大きなセリフ体のタイトルを組み合わせ、ドキュメンタリーや個人短編の冒頭、章の区切りに使う単一HTMLの画面を作るスキル。

• ドキュメンタリーの冒頭画面制作
• 個人短編のタイトル画面制作
• 動画の章区切りカード制作

暮らしや自己成長、気持ちに関する内容を、クリーム色の背景と淡い色のカードで見せる16:9のスライドに整えます。斜体の見出しや番号、ドーナツ図を使う構成です。

• 暮らしを紹介するスライド作成
• 自己成長の振り返り資料づくり
• 気持ちに関する内容のスライド化

企画提案や概要説明、学習内容を、横にスワイプして読むシンプルなHTMLスライドにまとめます。各ページに要点と図を配置し、進行状況も表示します。

• 企画提案のスライドを作りたいとき
• 製品やサービスの概要説明
• 学習メモをスライドに整理したいとき

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

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

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

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

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

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

1920×1080の固定画面に、内容に合わせて自由に配置したスライドを作成します。文字サイズと配色を統一し、各ページの見せ場を一つに絞る設計です。

• 作品集のプレゼン資料を作りたいとき
• 講演のページ構成を自由に組みたいとき
• 美術やデザインの授業資料づくり

AI製品や知識グラフ、開発ツールの紹介に向けて、暗い背景と関係図、コード表示、すりガラス風カードを組み合わせたスライドの構成と見た目を整えるスキル。

• AI製品の紹介スライド制作
• 知識グラフのプロジェクト紹介
• 開発ツールの発表資料制作

単色背景と大きな見出し、矢印付きリストで、伝えたい言葉を中心にしたスライドを作るスキル。内容に応じてページを増やし、配色を切り替えて構成します。

• 図や写真が少ない発表資料
• 大きな見出しで意見を伝えたいとき
• 要点を矢印付きリストにまとめたいとき

Xの投稿に添える言葉やデータを、横長の共有カードにまとめます。大きな本文に署名やハンドル、ブランドの透かしを配置し、スクリーンショットで使える形に整えます。

• 署名付きの引用をXで共有したいとき
• 投稿でデータを目立たせたいとき
• ブランド入りの見解カード作成

一枚資料や長文レポート、履歴書などを、暖かな羊皮紙色と墨青、明朝系の書体で整えます。文字の大小と余白を生かし、紙面らしい文書を作るスキルです。

• 一枚資料をデザインしたいとき
• 長文レポートの体裁を整えたいとき
• 書簡や履歴書を作成したいとき

提供したデータを、新聞の特集記事を思わせる見出し付きの図表にするスキル。折れ線・棒・範囲帯を使い、段階的に表示するアニメーション付きのHTMLにまとめます。

• 動画内で使うデータ図表の制作
• Twitter向け図表カードの制作
• CSVやJSONを結論付きで図解

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

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

習慣づくりをクエストとして見せるアプリの３画面をデザインするスキル。表紙、経験値付きの今日のタスク、報酬付きの詳細画面を暗い背景に並べて構成します。

• クエスト型の習慣化アプリを考えたいとき
• 経験値とレベル付きのタスク画面設計
• アプリの３画面を並べて紹介したいとき

幾何学的なパーツが集まってロゴになり、ブランド名と短いメッセージが現れる動画の終了画面を作ります。発光や光の走る演出、行動案内を加えたHTMLにまとめます。

• ブランド付きの動画終了画面制作
• 図形が集まるロゴ演出を作りたいとき
• メッセージと行動案内で動画を締めたいとき

四半期の財務情報を、主要指標、収益と資金消費のグラフ、損益概要表でまとめる１ページのレポートを作成します。５つの要点や今後の見通し、集計方法も掲載する構成です。

• 四半期の財務概要を作りたいとき
• 収益と資金消費を並べて見せたいとき
• 業績の要点と見通しを伝えたいとき