「graph」の検索結果

現代美術の国際展や展覧会の企画を、黄色と温かな紙色のHTMLスライドに整理します。企画の主題、展示室、作品、来場者の動線を伝える資料作りに使えます。

• 理事会向けに国際展の企画を提案したいとき
• 展示室の構成と来場者の動線の説明
• 文化施設のプログラム発表

月次・四半期などの財務情報を、売上や資金余力の指標、売上・費用グラフ、損益比較表、主要顧客、見通しを備えた1画面のHTMLレポートにまとめるスキル。

• 月次・四半期の財務報告書作成
• SaaSの継続収益や資金余力の確認
• 前期と比較する損益レビュー

年間の読書時間や読了冊数、メモ、関心キーワードを、紙の質感と本をめくる演出でまとめ、共有用の縦長動画に仕立てるHTMLテンプレートです。

• 年間の読書実績を動画にしたいとき
• 読書メモと関心分野の振り返り
• 読書会の一年間の記録共有

GLSLで流体や粒子、手続き的に生成する映像表現を制作するスキル。レイマーチングなどの技法を使い、ページ冒頭のメインビジュアルや動きの一場面の制作に役立ちます。

• ページのメインビジュアル制作
• 流体シミュレーションの表現
• 粒子エフェクトを作りたいとき

既存のWebサイトやアプリの画面を点検し、文字・配色・配置・操作時の表示を改善します。現在の技術構成と機能を保ちながら、段階的に整えるスキル。

• 既存サイトのデザインを点検したいとき
• 定型的な画面パターンを見直したいとき
• 読み込み中・空データ・エラー表示の改善

用途や読者、ブランドに合わせてランディングページやポートフォリオを設計し、配色・書体・動きの一貫性と読みやすさを確認しながら実装するスキル。

• ブランドに合うLPを作りたいとき
• 読者に合わせたポートフォリオ作成
• 既存の印象を保つサイト改修

GSAPのプラグインを使い、文字やSVGの動き、ドラッグ操作、レイアウト切り替えを実装するスキルです。用途に合う機能の選択から登録、設定、後始末まで扱います。

• 見出しを一文字・一行ずつ動かしたいとき
• SVGの描画や図形変形を加えたいとき
• 慣性のあるドラッグ操作を作りたいとき

紙のような背景とパステルカラーのカードを使い、主要指標や分析結果、継続率のグラフを雑誌風の一枚のHTMLレポートに整えるスキル。

• 雑誌風の事業レポート作成
• 経営会議向けの一枚資料作成
• 主要指標と考察をまとめたいとき

CSVやJSONのデータを、新聞記事風の見出しと段階的なアニメーション付きの図表にします。折れ線・棒・範囲帯で、動画やSNS向けに結論を伝えます。

• 動画でデータの推移を伝えたいとき
• SNS用の図表カードを作りたいとき
• CSVやJSONを図表にしたいとき

モバイルアプリの画面案や操作の流れを画像で作成。iOS・Androidなどの特徴を踏まえ、文字の読みやすさや配色、複数画面の統一感を整えます。

• アプリ企画を複数画面で可視化したいとき
• 初回利用の案内画面を考えたいとき
• ログインと復旧画面を検討したいとき

GSAPで複数のアニメーションの順序や重なりを組み立て、開始位置の指定、まとまりごとの入れ子化、再生・停止・逆再生まで扱うための実装支援スキル。

• 複数の動きを決めた順番で再生したいとき
• 開始時刻を調整して動きを重ねたいとき
• 動きをまとめて再生制御したいとき

曖昧なデザインの要望を、配色・書体・レイアウトなど８つの観点で具体化します。実装の基準となる仕様書とHTMLプレビューを作り、補った初期値も明示します。

• 曖昧なデザイン要望を具体化したいとき
• LPの配色・書体・余白の設計
• HTMLで見た目を確認したいとき

1920×1080の固定キャンバスで、内容に合わせて構成を自由に組むスライド制作スキル。配色や文字サイズを統一し、キーボードで切り替えるHTMLにまとめます。

• 個人の作品集を作りたいとき
• 美術やデザインの授業資料
• 問いや画像が主役の講演資料

企業文化や行動指針を伝える3枚構成のHTMLスライドを作成します。バーガンディと淡いピンク、控えめな金色を使い、大きな文字とタグ、カードで要点を整理します。

• 企業文化を紹介したいとき
• 8つの行動指針を共有したいとき
• スタジオの特徴をタグで示したいとき

工業マニュアルや古い端末を思わせるWeb画面を、厳密なグリッド、大きな文字と細かなデータ表示、赤い差し色、紙や走査線の質感で設計するスキル。

• データ量の多いダッシュボードを試作したいとき
• 印刷物風のポートフォリオ制作
• 暗い端末風の画面を作りたいとき

暗い背景とセリフ体を使い、ファッション誌のような３ページの映像的な演出を作ります。文字の段階表示や章の切り替えを備えた単一のHTMLにまとめます。

• ファッション誌風の動く紹介を作りたいとき
• 短い物語を３ページで見せたいとき
• 既存のブランド表現を暗い誌面に反映

iOS・Androidなどのアプリ画面や一連の操作フローを画像で作成し、読みやすさと画面間の統一感を保ちながら、スマートフォンの端末枠付きで提示するスキル。

• 複数画面でアプリの企画を可視化したいとき
• 初回案内やログインのフロー画像の作成
• モバイルアプリの改修案を比較したいとき

ReactやNext.jsの画面を、構図・動き・情報密度の設定に沿って実装し、配色や書体から読み込み・空・エラー状態まで整える、旧版互換用のスキル。

• 従来のv1の挙動を維持したいとき
• Reactで非対称な画面を作りたいとき
• 読み込み・空・エラー状態の設計

Webサイトの書体・余白・カード構造・動きを具体的なルールで整え、非対称レイアウトや二重枠を使った、奥行きのある画面デザインをコードに落とし込むスキル。

• 非対称なWebサイトを作りたいとき
• カードやボタンの質感を整えたいとき
• モバイルの負荷に配慮して動きを付けたいとき

余白の広い見出しや隙間のないグリッド、スクロールに連動する動きを組み合わせ、Webページを実装します。注目から行動へ導く構成と、動きを抑える利用者設定への対応も扱います。

• 申し込みへ導くLPを作りたいとき
• スクロール連動のギャラリー制作
• 空きマスのない機能紹介グリッド設計

温かみのある白とグレー、書体の対比、広い余白で、読みやすいWeb画面を設計・実装します。淡い差し色と平面的なグリッドを使い、文書や雑誌のような落ち着いた構成に整えます。

• 文書のように落ち着いた画面の設計
• 機能紹介を非対称グリッドに整理
• ボタン・FAQ・ショートカットの統一

複数のOrcaワーカーに作業を分け、メッセージのやり取りや完了待ち、タスクの依存関係を管理しながら、エージェント間の連携を監督するスキル。

• 複数のOrcaワーカーへの作業分担
• 依存関係のあるタスクの進行管理
• 作業完了や判断依頼を待ちたいとき

GitHub のプルリクエストに届いた未解決のレビュー指摘を一件ずつ整理し、利用者が選んだ方針に沿って修正・返信・解決済みへの更新を進めるスキル。

• PR の未解決レビューに対応したいとき
• 修正・返信・見送りを選びたいとき
• 重複するレビュー指摘をまとめたいとき

指定海域の船舶位置をAIS（船舶自動識別装置）のデータで確認し、タンカー情報や海上交通の混乱候補も取得できます。ある時点の航行状況を調べるスキルです。

• 指定海域にいる船舶の確認
• ホルムズ海峡周辺のタンカー位置調査
• 海上交通の混乱候補の調査