「visual」の検索結果

OpenClawの管理画面でセッションや画面配置を整理し、ダッシュボードを作るスキル。接続先の確認や、遠隔公開時の表示・通信不具合の調査も扱います。

• セッションをグループ化・固定したいとき
• 専用セッションにダッシュボードを作成
• タブやウィジェットを配置したいとき

コードの構造を調べ、理解やテストを難しくしている箇所の改善案を図入りHTMLレポートにまとめます。候補を選んだ後は、制約や設計判断を対話で掘り下げます。

• 変更が多い領域の設計を見直したいとき
• リファクタリング案を図で比較
• テストしやすいモジュール設計を検討

AIエージェントがスキルやルールを実際に守るか、指示の強さが異なる３段階のシナリオで検証し、遵守率とツール呼び出しの時系列をレポートにまとめます。

• 追加したルールの遵守確認
• 念押しなしで手順が守られるか確認
• ツール実行順序と抜けの確認

参考映像から測定した色やカットのリズムを使い、生成動画と既存映像を編集・合成して、数値で照合した完成動画と再編集用のタイムラインを作るスキル。

• 参考映像のスタイルで動画を作りたいとき
• 既存映像に生成クリップを追加したいとき
• 映像素材や3D小物の合成

複数の画面デザイン画像をVue 3のページや共通部品に一括変換します。VantなどのUIライブラリへの対応付けや、画面遷移の初期コード作成も扱います。

• デザイン画像をVue 3に変換したいとき
• 一覧や読み込み中の画面をまとめたいとき
• 繰り返す画面領域を共通化したいとき

絞り込んだ競合を九つの観点で採点し、根拠付きの比較カードと戦略の二軸図に整理するスキル。各社の強みや、自社が狙う領域の競合を確認します。

• 競合を共通の基準で比較したいとき
• 出典付きの競合紹介カード作成
• 戦略の二軸で競合を配置したいとき

技術の仕組みやグラフ、システム構成、製品の流れをManimのアニメーションで説明し、絵コンテとシーン計画、短い動画、サムネイルを作るスキル。

• 技術の仕組みを動画で説明したいとき
• グラフやネットワークの変化を可視化
• 業務フローやシステム構成の説明

競合のブランド表現やサービス、実績などを共通の基準で採点し、根拠付きの比較カードと戦略上の二軸図にまとめ、自社が狙う位置の競合を把握するスキル。

• 共通基準で競合を比較したいとき
• 根拠付きの競合カード作成
• 二つの戦略目標で競合を整理したいとき

スクロールに合わせて映像や演出が進むランディングページを制作します。見せる順序や感情の変化を設計し、HTML実装から各位置の画面検証まで進めるスキルです。

• スクロールで動画が進むLPを作りたいとき
• 場面の変化でブランドを紹介したいとき
• 手持ちの写真や映像でページを作りたいとき

APIキーなしでWeb・ニュース・画像・動画を検索し、地域や期間で絞った結果のタイトルやURLを取得する、通常の検索機能の代替にもなるスキル。

• 企業情報や技術資料を探したいとき
• 過去1週間のニュースを探したいとき
• 参考画像や解説動画を探したいとき

Unreal Engineのエディターを操作し、物体の配置、照明や素材の調整、カメラ設定を進めます。シーンの状態と見た目を確認し、画像やレンダーを出力するスキル。

• 3Dレベルの構築と配置
• 雰囲気に合う照明に調整したいとき
• カメラの構図設定とレンダー出力

画面デザインの方向性を比べるため、操作できるHTMLの試作を2〜3案作ります。レイアウトや情報量の違いを見比べ、各案の長所と弱点から採用案を検討します。

• 実装前に画面レイアウトを比較
• 情報量と余白の違いを試したいとき
• フィルターやパネル操作の試作

動画の企画を整理し、作風に合う専門エージェントのチームと制作環境を組むスキル。Hermesのカンバンで作業を振り分け、進捗確認や停止・失敗時の対応を支援します。

• 短い商品紹介動画の制作管理
• 物語動画を専門エージェントで分担
• ミュージックビデオの映像・音声計画

プロジェクトやWebサイトの実際の画面・フォント・素材を使い、公開告知用の動画を作るスキル。構成から音楽・効果音・書き出し、共有文の作成まで扱います。

• プロジェクトの告知動画を作りたいとき
• 実際の画面でサイトを紹介したいとき
• 縦長や正方形の告知動画を作りたいとき

台本やテーマと成人の人物画像から、ナレーションと字幕付きの話者動画を制作。口の動きや画質を確認し、音量を整えた保存用・共有用動画に仕上げます。

• ナレーション付き解説動画の制作
• 既存の話者動画への字幕追加
• 音声と口の動きを修正したいとき

目標画像と実装した3Dシーンのスクリーンショットを比較し、構図・照明・質感を段階的に改善します。見た目の再現度を採点し、描画速度も確認しながら修正を重ねるスキルです。

• 目標画像に近い3Dシーンを作りたいとき
• ブラウザゲームの照明や質感を磨きたいとき
• 既存の3D作品の見た目を改善したいとき

文章やMermaidから、システム構成や業務の流れを操作できるHTML図に変換します。検索や関係の追跡、画像・動画への書き出しに対応し、9項目の検証結果も添えます。

• 操作できるシステム構成図の共有
• 業務手順やデータの流れの可視化
• MermaidをHTML図にしたいとき

HTMLとCSSで見た目を作り、文字や画像に動きを付けてMP4・WebM動画に書き出します。字幕付きナレーションや商品紹介、Webサイトからの動画制作にも対応します。

• 動くタイトルや文字イントロの制作
• ナレーションに字幕を付けたいとき
• Webサイトを紹介動画にしたいとき

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

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

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

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

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

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

Webアプリをブラウザで操作して不具合を探し、再現手順やスクリーンショット付きの報告書にまとめるスキル。フォームや画面遷移、表示崩れ、JavaScriptエラーを確認します。

• 公開前に主要な操作の流れを点検したいとき
• フォームの正常・異常・空欄入力を試したいとき
• 表示崩れやJavaScriptエラーの記録

StripeやLinearなど54のサイトの配色・文字・余白を参考に、HTML/CSSのページを制作します。部品や画面幅に応じた表示も揃えるスキル。

• Stripeを参考にしたLP制作
• Linearを参考にしたダッシュボード制作
• 資料サイトのデザイン制作

ランディングページやスライド、操作できる試作品をHTMLで制作します。既存の資料や画面をもとに、構成や見た目の案を比較し、表示や動作を確認します。

• ブランド資料からLPを作りたいとき
• 製品の操作手順を試作したいとき
• HTMLでプレゼン資料を作りたいとき