OpenDesign

経営判断に必要な選択肢・リスク・推奨案を整理し、落ち着いた紺と金のHTMLスライドにまとめます。CEOや戦略チーム、取締役会への説明に向くスキルです。

• 収益化の判断に向けて案を比較したいとき
• 推奨案を示す取締役会資料の作成
• 経営陣向けの戦略説明を整理したいとき

都市の緑地・樹冠拡大の政策提案を、市議会や行政審査向けのHTMLスライドにまとめるスキルです。公共の必要性、根拠、選択肢、資金判断を整理します。

• 市議会向けの都市緑化提案を作りたいとき
• 行政審査用に根拠と選択肢を整理したいとき
• 政策の資金判断を説明したいとき

プロダクトマネージャーの年末評価に向けて、役割・成果・学び・要望を根拠とともに整理し、上司や評価委員会の判断に使うHTMLスライドを作るスキル。

• プロダクトマネージャーの年末自己評価
• 評価委員会に成果の根拠を示したいとき
• 上司向けに学びと今後の要望を整理

シリーズAの資金調達に向け、成長実績や事業拡大の筋道を投資家に伝えるHTMLスライドを作成します。大きな文字と赤い差し色で、主要な論点を示します。

• シリーズAの資金調達資料を作りたいとき
• 成長実績と拡大計画を投資家に示したいとき
• 創業者のビジョンをスライドにしたいとき

契約更新や利用席数の追加を提案するため、導入後の価値・利用実績・投資対効果をHTMLスライドに整理します。顧客の社内説明や予算承認に向く営業資料を作るスキルです。

• 契約更新の提案資料を作りたいとき
• 席数追加の投資対効果を説明したいとき
• 顧客の予算承認向け提案書の作成

既存の保険会社のデジタル変革を、現状診断・施策の順序・実行体制まで整理したHTMLスライドにまとめます。経営陣の意思決定に向けた資料づくりに使えます。

• 保険会社のデジタル変革計画の提案
• 施策の優先順位と実行順序の説明
• 経営陣の意思決定に向けた資料づくり

最低賃金引き上げの雇用効果を扱う経済学の卒論答弁を題材に、研究の貢献・証拠・限界を整理し、落ち着いた配色と書体でHTMLスライドにまとめるスキル。

• 経済学の卒論答弁を準備したいとき
• 研究の証拠と限界を整理したいとき
• 研究資料を落ち着いたスライドにする

ブランドの存在理由や価値観、今後の方向性をパートナーやメディアへ伝える資料を、横スワイプや一覧表示で閲覧できる雑誌風のHTMLスライドに仕上げるスキル。

• パートナーやメディアへのブランド説明
• 創業者の提案資料や登壇資料の作成
• 商品説明・実績・顧客の声の資料化

ブランドの説明をもとに、紙の質感とコラージュを使った雑誌風の縦長ランディングページを作るスキル。画面幅への対応やスクロール時の動きも組み込みます。

• ブランドの紹介ページを作りたいとき
• スタジオのサービスと実績を紹介したいとき
• 仮画像でページ構成を確認したいとき

過去24時間のGmailの受信状況を、対応が必要なもの、注目情報、参考情報に整理します。Orbitの日次ダイジェストとして、Gmailのメール閲覧画面風に表示します。

• 過去24時間のGmailを振り返りたいとき
• 対応が必要なメールの確認
• 注目情報と参考メールの仕分け

フィードやプロフィール、決済など6種類の画面構成を使い、iPhone 15 Proの端末枠に収めたアプリ画面をHTMLで作成するスキル。

• フィードやメッセージ一覧の試作
• プロフィールや商品詳細の検討
• 決済画面や歓迎画面の提示

GitHubの直近24時間のPR、レビュー依頼、Issue、CI実行、マージを集約し、要確認事項を通知画面風の日次レポートに整理するスキル。

• 直近24時間のGitHub活動を振り返りたいとき
• レビュー依頼の確認
• CIの失敗を把握したいとき

シニアデザイナーの面接に向け、3つの制作事例と判断の根拠を採用担当者に伝えるHTML資料を作るスキル。黄のアクセントと高密度な誌面風レイアウトで構成します。

• シニアデザイナー面接の作品集発表
• 3つの制作事例を整理したいとき
• デザイン判断の理由を伝えたいとき

HTMLで動画の構成と動きを作り、音声に同期する字幕や読み上げ、音楽に反応する演出を組み合わせます。タイトルや場面転換も扱い、表示のはみ出しや文字の見やすさを検査します。

• 短い商品紹介動画の制作
• 音声に同期する字幕を付けたいとき
• ナレーションと動く文字の組み合わせ

野外調査の卒業研究などを、研究の貢献・根拠・限界が伝わるHTML発表資料にまとめます。黄色い紙と安全ピン、手書き風文字を使った温かみのあるデザインです。

• 野外調査の卒業研究を発表したいとき
• 定性的な調査結果の発表
• ワークショップの振り返り資料作成

写真スタジオの代表作品、制作の流れ、料金プランを、黒と鮮やかな黄色のHTMLスライドにまとめます。見込み客が依頼内容を検討するための提案資料を作るスキルです。

• 写真スタジオの作品を紹介したいとき
• 見込み客に料金プランを説明したいとき
• 制作会社の提案資料を作りたいとき

直近30日間のコミュニティやSNSの話題を調べ、最近の変化、評価、不満、複数の情報源に共通する傾向を出典付きのMarkdownレポートに整理するスキル。

• 直近30日間の話題を調べたいとき
• 製品公開後のコミュニティ反応を知りたいとき
• 最近の好評点と不満を整理したいとき

羊皮紙風の背景と青いインク色を使い、白書やスタジオ紹介を紙面のように整えるスキル。日本語・英語・簡体字中国語に対応し、単一のHTMLにまとめます。

• スタジオの紹介ページを作りたいとき
• 白書を一枚のWebページにしたいとき
• 指標付きの日本語紹介資料を作りたいとき

新聞や雑誌の特集ページ風に、長文を読ませる一枚のHTMLポスターを制作。大きな見出しと6つの番号付きセクションで、意見や発表内容を組み立てます。

• 発表内容をポスターにしたいとき
• 活動理念を一枚にまとめたいとき
• 新聞風のエッセイポスター制作

回転する文字や地球儀、速度の異なる複数のレイヤーを組み合わせ、CSSで動く16:9のヒーロー画面を制作。動画書き出し用のHTMLにまとめます。

• マーケティング用の動くヒーロー画面制作
• 文字が動くタイトルカード制作
• リングと地球儀のループポスター制作

文化誌の刷新案やブランド提案を、ピンク・クリーム・バーガンディの3色と書体の対比でまとめるスキル。統一した誌面風のHTMLスライドを作成します。

• 文化誌のリニューアル提案
• ファッションブランドの資料作成
• 編集デザインの方向性レビュー

地域の食品スーパーの利益率回復に向け、課題の要因・施策の優先順位・実行計画を整理するスキル。落ち着いた配色のHTMLスライドで、経営判断用の資料にまとめます。

• 食品スーパーの利益率回復を提案したいとき
• 運営委員会に施策の優先順位を説明したいとき
• 温かみのある助言・提案資料を作りたいとき

音楽祭のポスターシリーズを、コンセプトから各媒体への展開まで説明するHTMLスライドにまとめます。太い枠線とずらした影を使う統一様式で、事例紹介や提案資料を作ります。

• 音楽祭ポスターの制作事例を発表
• ブランドの表現ルールと媒体展開の説明
• 視覚表現の強いポートフォリオ作成

動画の冒頭で使う短い言葉を、一文字ずつ現れる光の演出付きHTMLにします。光るカーソルや色ずれ、光線を組み合わせ、引用元や章名も添えられます。

• 引用文で動画を始めたいとき
• 光る文字で章の導入画面を作る
• 冒頭の言葉に引用元を添える