「image」の検索結果

ブラウザで動く生成アートや、操作・音に反応する映像を制作します。p5.jsで構想から実装、見た目の確認、画像・動画への書き出しまで進めるスキル。

• 規則や乱数からアートを作りたいとき
• マウス操作に反応する作品制作
• 音に反応するアニメーション制作

文章や資料の情報を、比較図・年表・手順図などのインフォグラフィックにするスキル。21種類のレイアウトと21種類の画風を組み合わせ、画像を生成します。

• 比較内容を図で説明したいとき
• 作業手順を図解したいとき
• 年表を画像にしたいとき

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

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

Markdown原稿を、余白・改ページ・ページ番号を整えたPDFに変換。表紙やクリックできる目次、透かし、図の描画にも対応し、配布用の文書に仕上げるスキル。

• Markdownメモを配布用PDFにしたいとき
• 表紙と目次付きのレポート作成
• 文書にDRAFTの透かしを付けたいとき

動画や連番画像を処理し、スクロール、ポインター、ドラッグなどに応じて動くWeb演出を作ります。素材の制作計画から時間軸の整理、再生制御、動作確認まで扱います。

• スクロールと動画再生を連動させたいとき
• ドラッグで動きの状態を切り替えたいとき
• 既存動画や連番画像のWeb向け処理

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

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

メモや分析資料を、顧客向け提案や技術発表に使えるHTMLスライドへ整理し、テーマ選択から発表者用の台本、PNG出力まで支援するスキル。

• 分析結果を顧客向け提案にしたいとき
• 台本付きの技術発表資料作成
• 製品発表用のスライド作成

指定したテーマの長文記事を執筆し、見出しや図版用の枠、引用、著者紹介、関連記事を備えた、雑誌のように読みやすい単一のHTMLページに仕上げます。

• 長文ブログの記事ページ試作
• 図版や引用を含む事例紹介
• 既存デザインに沿った記事画面設計

入力した文章やデータを、いいね・リポスト・閲覧数付きのX風投稿カードに整え、動画への重ね表示や画像共有に使う単一HTMLを作るスキル。

• 動画に投稿カードを重ねたいとき
• 印象的な言葉を共有用カードにしたいとき
• 入力データを短い投稿文にまとめたいとき

告知やメッセージを、アプリアイコンと見出しを備えたmacOS風の通知バナーに整えます。動画への重ね表示や製品予告、SNS画像に使えるHTMLを作成します。

• 動画に通知バナーを重ねたいとき
• 製品公開の予告を作りたいとき
• SNS用の告知画像作成

文章や知識を、小红书風の複数枚のカードにまとめるスキル。表紙から要点、まとめまでを大きな文字と柔らかな配色で構成し、投稿用にスクリーンショットを撮れます。

• ノウハウを知識カードに整理
• 小红书向けのカルーセル投稿作成
• WeChatの朋友圈向け画像作成

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

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

TwitterやXの投稿に添える、引用文やデータの横長カードを作ります。中央の短い文章に著者名やハンドル、ブランドの透かしを添え、画像として共有しやすく整えます。

• 短い引用文を投稿画像にしたいとき
• データをカードで共有したいとき
• 著者情報付きで気づきを共有

自然文やMermaid、コードの根拠から構成図・業務フロー・時系列などを作り、検証を経て、単体で閲覧できる対話型HTMLとして出力するスキル。

• コードに基づくシステム構成図の作成
• 承認手順や旅行計画の整理
• データベースのテーブル関係の可視化

PDFやスキャン画像、Office文書を読み取り、要約や質問への回答に使える内容へ変換します。長い資料の分割読み取り、検索、ページや領域を示した引用にも対応します。

• スキャンPDFの文字を読み取りたいとき
• Office文書の要約や内容への質問
• 長い資料を数ページずつ読みたいとき

Docker Hubの組織やリポジトリの作成、チーム確認、メンバー招待、イメージ更新の通知設定を、Composio連携で自動化するスキルです。

• 組織やリポジトリを作成したいとき
• リポジトリを条件付きで確認したいとき
• チーム確認やメンバー招待

ローカルデータの前処理から機械学習モデルの選定・学習・評価、公開準備までを支援。顧客離脱の予測や画像分類などに向けた開発手順を整えるスキルです。

• 顧客離脱の予測モデルを作りたいとき
• 画像分類モデルを学習したいとき
• 欠損値やカテゴリデータを前処理したいとき

画像やJavaScriptなどを含むページ全体の転送量を測り、読み込みを重くする原因を確認します。1500KB未満を目安に、画像やコードの削減を進めます。

• モバイル回線での読み込み遅延の調査
• ページ総容量が上限内か確認したいとき
• 重い画像やJavaScriptの軽量化

本文やタイトル、メタ情報、画像の代替テキストにあるキーワードの不自然な反復を調べ、頻出語と出現率を示しながら、読みやすい自然な表現への修正を支援するスキル。

• 記事のキーワード過多を点検したいとき
• AI生成文の反復表現の推敲
• タイトル・メタ情報・代替テキストの点検

ページの主要コンテンツが表示されるまでの時間を計測し、画像やサーバー応答、描画処理のボトルネックを特定して、根拠に基づく改善を支援するスキル。

• 主要コンテンツの表示遅延を調べたいとき
• メイン画像の読み込みを見直したいとき
• 計測結果から改善の優先順位を決めたいとき

HTMLで読み込みの遅い重要リソースを見つけ、フォントや画像の先読み、外部ドメインへの事前接続を見直すスキル。ブラウザに届くマークアップまで確認します。

• 重要なフォントや画像の先読み確認
• 外部ドメインへの事前接続の確認
• 出力されたHTMLのヒント監査

読み込み中に画像や広告でページの配置がずれる原因を測定し、表示領域の確保やフォント・アニメーションの見直しで、誤クリックや読書の中断を減らす改善を支援します。

• 読み込み中に内容が動く原因を調べたいとき
• 画像・埋め込み・広告の表示領域を確保
• フォントやアニメーションの安定性確認

ページ表示の遅さを実測し、画像などの静的ファイルがCDNから適切に配信されているかを点検。キャッシュ設定や配信経路の改善につなげるスキル。

• ページ表示が遅い原因を調べたいとき
• 画像やスクリプトのCDN配信の点検
• 海外向けのキャッシュ設定の見直し

記事ページの構造化データを点検し、見出し・画像・公開日・著者などを含むArticle形式のJSON-LD追加と、実際に配信されるページの検証を支援するスキル。

• ブログ記事の構造化データを確認したいとき
• ArticleのJSON-LDを追加したいとき
• 見出し・画像・公開日・著者の不足確認