「graph」の検索結果

Paperclipでエージェントや稼働状態を表すカプセル画像を制作・実装・点検し、用途ごとの配色、動き、再現用の設定をブランド規則に沿って整えるスキル。

• エージェント用アバターの制作
• 稼働状態の表示を実装したいとき
• マーケティング用メイン画像の制作

古典的なイラストとコバルトブルーを基調に、映画のようなスクロール演出を備えた制作スタジオの紹介サイトを、ブランドや事業内容に合わせて作るスキル。

• 建築スタジオのサイトを作りたいとき
• 古典美術風の作品紹介サイト制作
• サービスやFAQをまとめたいとき

制作前の計画段階で、既存のデザインルールやブランド資料、依頼内容から見た目の方向性を一つに定め、配色や書体などの実装方針を整理するスキル。

• 実装前にデザイン方針を固めたいとき
• 既存のデザインルールを適用したいとき
• ブランド資料から方針を決めたいとき

シェーダーや3Dシーン、粒子の動きを全画面で描き、見出しを重ねたWebGL表現を制作。外部通信のない単一のHTMLファイルにまとめます。

• Webサイトのヒーロー動画表現
• 見出し付き生成アートの制作
• 3Dシーンや粒子表現の試作

製品紹介、機能、利用者の声、料金、申し込みへの案内を備えたSaaSの紹介ページを作ります。DESIGN.mdの色や書体、配置に沿って単一のHTMLにまとめます。

• SaaS製品の紹介ページを作りたいとき
• 既存のデザイン方針に合わせたいとき
• 機能・利用者の声・料金をまとめたいとき

新しいWebページの制作や既存UIの見直しで、構成・配色・書体を整えるスキルです。URLや画像のデザイン分析、改善点の優先順位付けにも対応します。

• 新しいランディングページを作りたいとき
• 既存UIの改善点に優先順位を付けたいとき
• 参考ページや画像を分析したいとき

ピクセルアートのキャラクター、大きな年号、動く文字や年表を組み合わせ、歴史や豆知識を紹介する画面録画向けのアニメーション付きHTMLを作るスキル。

• 歴史解説の一場面を作りたいとき
• 豆知識をピクセルアートで伝えたいとき
• 画面録画用のレトロな動きを作りたいとき

複数のSNSの指標をまとめて見る分析ダッシュボードを、単体のHTMLで作成。グラフの詳細表示や期間比較、明暗テーマの切り替えを備えた画面に整えます。

• 複数SNSの指標をまとめて確認したいとき
• グラフで選んだ期間を比較したいとき
• グラフの各点と分析内容を確認したいとき

公開前の製品の先行登録ページを、ブランドの配色や書体に合わせて作成します。ロゴと製品紹介、メール登録フォームを一つのHTMLにまとめるスキル。

• 製品公開前のメール登録ページ作成
• ベータ版の参加者を募集したいとき
• 先行アクセスへの関心を集めたいとき

サービスの料金プラン、機能比較表、よくある質問をまとめたHTMLページを作成。プラン数や推奨表示を整え、契約前に内容を比べられる料金ページを試作するスキル。

• サブスクリプション料金ページの試作
• プラン別の機能を比較したいとき
• 個人向けと法人向けのプラン提示

人文学の講義や研究発表に向けて、資料・論点・根拠を整理したHTMLスライドを作るスキル。濃紺と暖かな黄色を使い、落ち着いた学術的な見た目に整えます。

• 人文学の講義資料を作りたいとき
• 大学院ゼミで研究発表したいとき
• 研究の要点をスライドにまとめたいとき

研究助成の審査に向けて、仮説、研究手法、到達目標、リスクを整理し、アイボリーの紙面と黒い文字を基調にした、文章中心の落ち着いたHTMLスライドにまとめます。

• 研究助成の審査用資料を作りたいとき
• 研究結果を文章中心の報告書にまとめたいとき
• 学術・政策の説明資料を作りたいとき

研究報告や社内レビューを、紙面風の落ち着いたHTMLスライドにまとめます。濃い青と紙色、セリフ体で章や数値を整理し、横スワイプやキー操作で閲覧できます。

• 研究設計・結果・限界を研究室で報告したいとき
• 四半期の社内レビューをまとめたいとき
• 日本語の研究発表資料を作りたいとき

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

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

ロゴ・配色・書体と運用ルールを伝えるブランド発表用のHTMLスライドを作成。クリーム色の背景と多彩なアクセントを保ち、顧客やチームの検討資料に整えます。

• アウトドアブランドのデザイン発表
• 制作会社の提案資料作成
• 顧客とのブランド案レビュー

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

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

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

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

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

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

既存サイトのソースやブラウザ上の動作を調べ、見た目と操作をローカルで再現する手順を提供。素材収集から実装、元サイトとの比較検証、内容の差し替えまで進めます。

• 既存サイトをローカルで再現して学びたいとき
• WebGLやCanvasの演出を調べたいとき
• 再現したサイトと元サイトを比較したいとき

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

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

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

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

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

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

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

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

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

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