「visual」の検索結果

システムやクラウドの構成を、暗い背景の図にまとめるスキル。サービス間の接続やセキュリティ境界を色分けし、ブラウザで開ける単一のHTMLファイルにします。

• 画面・サーバー・DBの関係を説明したいとき
• クラウドのリージョンやサブネットの整理
• マイクロサービス間の接続を図にしたいとき

数学の概念や数式の導出、アルゴリズムの動きをアニメーション動画にします。構成づくりから描画、動画の結合まで、図形で理解を促す解説を制作します。

• 数学の概念を図形で説明したいとき
• 数式の導出を順に見せたいとき
• アルゴリズムの動きを可視化

Tenorから用途に合うGIFを検索し、URLの取得やファイルの保存を行います。軽量プレビューや画像サイズも確認でき、チャットやコンテンツ用の素材探しに使えます。

• チャット用のリアクション画像探し
• お祝いのGIFを保存したいとき
• 軽量なプレビューURLの取得

PowerPointの資料やテンプレートを新規作成・編集し、文章の抽出やスライドの結合・分割も行います。ファイル構造と表示を確認し、文字切れや重なりを修正します。

• 内容からPowerPoint資料を作りたいとき
• 既存テンプレートで資料を更新したいとき
• 要約用にスライドの文章を抽出したいとき

英語の説明やmermaidのソースから図を作り、元データ、編集用の.excalidraw、共有用のSVG・PNGをまとめて出力するスキルです。

• 業務の説明をフローチャートにしたいとき
• システム構成を図解したいとき
• 資料やREADME用の図を用意したいとき

ロゴ、名刺の完成イメージ、スライド、バナー、SNS画像、アイコンを制作。ブランドの色や書体のルールづくりからUIへの反映まで扱うスキル。

• ロゴと名刺の完成イメージ制作
• 複数のSNS向け画像を作りたいとき
• HTMLでの提案スライド制作

実際のブラウザで画面表示や操作を確かめ、エラー・通信・表示速度を調べます。修正前後の画像比較やアクセシビリティの確認も行うスキルです。

• レイアウトやスタイルの不具合調査
• ブラウザエラーやAPI通信の調査
• 修正前後の画面を比較したいとき

画面や操作フローを利用者の目的に照らして点検し、見やすさ、操作の分かりやすさ、エラー時の案内などの改善点を、理由と優先順位付きで整理するスキル。

• 画面やモックへの意見が欲しいとき
• 機能公開前の使いやすさ確認
• 途中離脱が疑われるフローの点検

Paperclipの画面や部品を、既存の色・文字・状態表示・操作の規則に合わせて作成・修正し、再利用する部品と見本ページも一緒に整えるスキル。

• 既存の規則に沿ってページを追加
• 再利用できるUI部品の作成
• 状態の色や優先度アイコンの統一

デスクトップ向けダッシュボードの画面構成を、灰色のブロックで示すHTMLワイヤーフレームにします。配色や写真を決める前に、情報の優先順位や配置を確認できます。

• ダッシュボードの配置を確認したいとき
• ナビゲーションと情報の優先順位の検討
• KPI・グラフ・表の配置検討

複製・再実装したWebサイトの公開前に、見た目の差異や追跡スクリプト、元ブランドの残存、仮置き文言、外部依存を点検し、根拠付きの監査報告をまとめるスキル。

• 複製サイトの公開前点検
• 元ブランドや別言語の残存確認
• 追跡スクリプトと外部依存の確認

新聞紙風の背景と極太の文字、細い罫線で、スイス印刷物風のWeb試作を作ります。赤を差し色に使い、編集記事やポートフォリオを硬質な見た目にまとめます。

• 新聞風の編集ページを試作したいとき
• 制作会社のポートフォリオ制作
• マニフェストサイトの制作

Linearの過去24時間の課題更新、状態変更、担当割り当て、サイクル進捗を日次ダイジェストに整理するスキル。Orbitから自動実行されます。

• Linearの過去24時間の更新を確認したいとき
• 担当課題や停滞課題の注意点を把握したいとき
• サイクルの進捗と残り期間を確認したいとき

機能提案やロードマップ、設計レビューの資料を、意思決定に使う横送りのHTMLスライドに整理します。8種類から一つのテーマを選び、全ページの見た目を統一します。

• 新機能の採用理由を説明したいとき
• ロードマップのレビュー資料作成
• 技術設計の選択肢を判断したいとき

メモや文書から聴衆の理解を進める発表構成を作り、各ページの画像・図・動画と制作指示を整理するスキル。描画後は構成との一致を最大3回点検します。

• メモや文字起こしから発表を構成したいとき
• 各スライドの画像・図・動画を計画したいとき
• HTMLスライドやPPTXの制作指示書作成

制作したデザインを、レイアウト・目的への適合・ブランド・使いやすさ・文章の5つの観点で点検し、見つかった具体的な不備の修正まで進めるスキル。

• 納品前のデザイン点検
• ブランドの指定との整合確認
• キーボード操作やコントラストの確認

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

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

四半期の事業進捗・停滞・資源の再配分案を、経営会議の判断につながるHTMLスライドに整理。クリーム色とコバルトブルーの統一されたデザインで仕上げるスキル。

• 経営陣向けの四半期事業レビュー
• 資源の再配分案を説明したいとき
• 投資家向け報告や助言資料の作成

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

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

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

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

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

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

製造現場の労働安全に関する指摘、根拠、是正要求を、規制当局や工場幹部向けのHTMLスライドに整理します。紙の質感とアースカラーを使った資料にまとめます。

• 規制当局に労働安全の指摘事項を説明
• 工場幹部に証拠と是正要求を共有
• 安全レビュー資料を統一したスライドにする

フィッシングの見分け方や最初の60秒の対応を伝える社員研修資料を作成します。Windows 95風の見た目を保ち、内容や枚数を調整したHTMLスライドにまとめます。

• 社員向けフィッシング対策研修
• 最初の60秒の対応を伝えたいとき
• 新入社員向けのセキュリティ説明

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

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