「visual」の検索結果

複数の連携サービスから過去24時間の動きを集め、予定や対応待ち、開発状況を一つのダッシュボードで確認できる朝のブリーフィングを自動作成します。

• 朝に複数ツールの動きを確認したいとき
• 会議と対応待ちをまとめて把握したいとき
• 開発状況やアラートの確認

交通拠点の案内システムを題材に、卒業制作の課題・制作過程・成果をHTMLスライドへ整理。付箋風のデザインで、審査員に貢献と根拠を伝える発表資料を作ります。

• 卒業制作の審査発表を準備したいとき
• 案内システムの制作過程を伝えたいとき
• 制作の根拠と限界を整理したいとき

年間マーケティング計画や新製品発表を、成長・商談創出につながる説明に整理し、雑誌風のHTMLスライドに仕上げるスキル。構成、本文、見た目まで組み立てます。

• 年間マーケティング計画の承認資料
• 新製品の発売計画を説明したいとき
• 施策予算と成長目標を結び付けたいとき

OpenDesignの内部構造を題材に、技術発表用のHTMLスライドを作成。構成や根拠、発表者ノートを整理し、エンジニア向けの説明資料に仕上げるスキル。

• OpenDesignの内部構造の技術解説
• 開発者コミュニティ向けの発表準備
• 根拠に基づくAI実装の説明資料作成

新商品の魅力を伝えるHTMLメールを作成します。ブランドロゴ、商品ビジュアル、見出し、仕様一覧、行動を促すボタンを、中央配置の一列レイアウトにまとめます。

• 新商品の発売告知メールを作りたいとき
• ブランドのニュースレター制作
• 商品の仕様をメールで紹介したいとき

OpenDesignのライブデモを題材に、発表者ノートやアニメーションを備えたHTMLスライドを作るスキル。構成から説明内容、見た目まで整えます。

• 開発者向けのライブデモ準備
• 見込み顧客へのAI作業手順の説明
• 発表者ノート付きHTML資料の作成

WordPressの公式デザインに沿ってテーマやサイトの見た目を整えるスキル。色や文字組みなどの共通設定と、画面部品のパターンを適用します。

• テーマにWordPress公式のスタイルを適用
• サイトの文字組みを整えたいとき
• 公式の画面部品パターンを使いたいとき

個人の体験や信条を、聞き手に伝わる物語形式のHTMLスライドにまとめるスキル。パステル調のテンプレートを使い、構成から発表者用ノートまで整えます。

• 自分の信条を伝える登壇資料の作成
• 1年の体験を物語にまとめたいとき
• パステル調のHTMLスライドの作成

新機能の導入判断に向け、利用者の課題、選択肢、トレードオフ、成功指標を整理。暗い背景のHTMLスライドにまとめ、部門をまたぐレビューを支援します。

• 新機能の背景にある利用者課題の説明
• 実装案とトレードオフの比較
• 部門をまたぐ成功指標のレビュー

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

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

Google Stitchで画面を生成する際のデザイン方針をDESIGN.mdにまとめます。配色、書体、配置、動き、避ける表現を具体化し、画面間の統一に使います。

• Google Stitchの画面に共通ルールを作る
• 配色や書体、部品の振る舞いを文書化
• モバイル表示と動きのルールを定義

スライドや文書、レポート、HTMLのランディングページに、フォントと配色のテーマを適用します。10種類のプリセットから見た目を整えるためのスキルです。

• スライドに既存テーマを適用したいとき
• 文書やレポートの見た目を統一
• HTMLのLPのフォントと配色を設定

ブランドに合わせたPDFや電子ガイド、レポートを作成・記入・再整形するスキル。共通のデザイン設定と15種類の表紙スタイルで、文書の体裁を整えます。

• ブランドに合わせたPDFの作成
• 電子ガイドを作りたいとき
• レポートの体裁を整えたいとき

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

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

HTMLから生成したPPTXを元資料と照合し、文字の欠けやフッターへの重なり、斜体の消失を調査。原因を整理し、配置ルールを見直して再出力・検証します。

• HTMLと出力済みPPTXの比較
• 文字切れやフッターの重なり修正
• 斜体の消失やフォント変更の調査

Reactで動画をプログラムから制作するスキル。ブランドの説明動画やSNS向けの短尺動画、ダッシュボードの映像化、再現可能なモーショングラフィックスに使えます。

• ブランドの説明動画を作りたいとき
• SNS向けの短尺動画制作
• ダッシュボードを映像化したいとき

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

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

画像内の物体の検出や領域分け、文字の読み取り、内容説明をfal.aiの画像認識モデルで行うスキル。画像についての質問にも答え、写っている情報を確認できます。

• 画像内の文字を読み取りたいとき
• 物体を検出して領域を分けたいとき
• 画像の内容説明や質問をしたいとき

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

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

コードや文章の説明をもとに、Figmaの画面を作成・更新するスキル。デザインシステムの部品と、色や余白などの共通設定を使ってアプリ画面を再現します。

• アプリのコードをFigmaに移したいとき
• 文章の説明から画面を作りたいとき
• 共通部品を使った画面の更新

作成済みのWebページやHTMLを点検し、既存の内容やブランドを保ちながら、見た目・文章・動き・操作性の問題を修正して共有前の仕上げを行います。

• 生成したページを共有前に整えたいとき
• 画一的な見た目や不統一を見直したいとき
• モバイル表示や操作性を修正したいとき

業務手順やシステムの流れを、付箋と曲線の矢印で白板風に図解するスキル。分岐や合流も表し、導入案内や運用説明に使える単一HTMLにまとめます。

• 利用開始までの流れを図解したいとき
• 運用手順を説明したいとき
• システム構成の説明

画像の画風変更、背景や不要な物体の除去、指定部分の描き直しに使うスキル。fal.aiで提供されるAIモデルを利用して画像を編集します。

• 画像の画風を変えたいとき
• 画像の背景を除去したいとき
• 不要な物体を消したいとき

公開サイトの配色・フォント・ロゴ・画像・文体を実測して整理し、ブランドガイドやプレビュー付きの再利用可能なデザインシステムにまとめるスキル。

• サイトの配色・フォント・ロゴの整理
• 参考サイトからブランドガイドを作りたいとき
• ブランドを表す画像の収集