「graph」の検索結果

Figmaの画面やスクリーンショットを、使いやすさ、視線の流れ、統一感などの観点でレビューするスキル。良い点と課題を整理し、理由付きの改善案を優先順に示します。

• 画面の初期案をレビューしたいとき
• ナビゲーションや導入手順を点検したいとき
• 色・余白・文字の不統一を探したいとき

OpenClawのブランド、製品UI、公開ページ、デザイン監査の作業に応じて参照する指針を選び、見た目の変更と共通ルールの確認を進めるスキル。

• 公開サイト更新の指針を選びたいとき
• アプリの見た目やテーマを変更したいとき
• デザインの一貫性と使いやすさの点検

雑誌のような落ち着いたWebページの試作を、暖色の単色背景と広い余白で整えるスキル。見出しと本文の書体を使い分け、細い罫線や控えめな動きを取り入れます。

• 雑誌風のWebデザインを試したいとき
• 余白を生かしたページの試作
• 書体と控えめな装飾の検討

方眼紙の背景に手描き風の線や付箋を組み合わせ、画面構成のラフ案を作るスキル。複数案のタブラベルや仮のグラフを配置し、初期のデザイン検討に使います。

• 画面構成の初期案を検討したいとき
• 複数のデザイン案をタブラベルで示す
• ラフ案に付箋で注釈を添えたいとき

長文ブログやエッセイを、雑誌のような読み心地のページに整えるスキル。大見出し、図版、引用の抜粋、著者紹介、関連記事まで含むレイアウトを組み立てます。

• 長文ブログのページを整えたいとき
• エッセイを雑誌風に見せたいとき
• 図版と引用を交えた事例紹介

講座や研修のスライドを、学習目標を左側に表示し続ける構成で作ります。概念と具体例、選択式の自己確認問題、まとめと次の単元の予告まで整理します。

• 講座の単元別スライド作成
• ワークショップ教材を整理したいとき
• 授業中に学習目標を表示したいとき

1920×1080の固定画面に、内容に合わせて自由に配置したスライドを作成します。文字サイズと配色を統一し、各ページの見せ場を一つに絞る設計です。

• 作品集のプレゼン資料を作りたいとき
• 講演のページ構成を自由に組みたいとき
• 美術やデザインの授業資料づくり

一枚資料や長文レポート、履歴書などを、暖かな羊皮紙色と墨青、明朝系の書体で整えます。文字の大小と余白を生かし、紙面らしい文書を作るスキルです。

• 一枚資料をデザインしたいとき
• 長文レポートの体裁を整えたいとき
• 書簡や履歴書を作成したいとき

概念が生まれるまでの問題、失敗、転機を、雑誌特集風の縦長ビジュアルノートにまとめます。6種類のレイアウトと図解で、気づきから命名までを描きます。

• 概念が生まれた経緯の図解
• 試行錯誤を伝える学習資料づくり
• 概念史を雑誌特集風に見せたいとき

既存のフロントエンドコードから配色・書体・余白・部品の見た目を読み取り、DESIGN.mdに整理します。アプリを起動せず、Stitch向けの設計資料を作れます。

• 既存アプリのデザインを文書化したいとき
• 起動できないアプリの見た目を調べたいとき
• 既存のデザインをStitchへ移したいとき

Stitchの既存画面を分析し、配色・書体・部品・余白のルールをDESIGN.mdにまとめます。新しい画面を依頼する際に、既存の見た目を伝えるための設計書を作るスキル。

• 既存画面から設計ルールを文書化
• 新規画面の依頼用に設計書を作りたいとき
• 色コードと色の用途を整理

Google Docsの作成・編集・書式設定・書き出しを、gog経由でエージェントに依頼できます。本文の置換に加え、表や画像、タブ、ページ構成の調整にも対応します。

• 文書内の表記を一括置換したいとき
• 表や画像、ページ構成の調整
• PDFやDOCXで書き出したいとき

動画サイトの字幕を取得し、時刻や音楽などの注記を除いた読みやすい文章に整えます。動画・音声・字幕の保存や、言語・ダウンロード形式の指定にも対応します。

• 動画の字幕を読みやすい文章にしたいとき
• 動画や音声を手元に保存したいとき
• 言語を指定して字幕を取得したいとき

Webページのスクリーンショットから配色・文字組み・部品の特徴を分析し、デザイン規則のJSONと、画面実装に使うAI向けの指示文を生成します。

• Web画像からデザイン規則を抽出したいとき
• 似たLPを作る実装指示を用意したいとき
• Webの見た目をプレゼン動画に使いたいとき

人物写真と投稿内容をもとに、小紅書向けの縦長カバーを作る画像生成プロンプトをまとめます。8種類の構図から選び、見出しや配色、素材の配置を具体化します。

• AIツールの解説カバーを作りたいとき
• 製品比較のカバーを考えたいとき
• ポッドキャスト推薦のカバー制作

記事を段落ごとに分析して挿絵が必要な場所を選び、抽象的な概念や手順、比較を伝える画像を生成し、Markdownの該当箇所へ挿入するスキル。

• 解説記事の抽象的な概念を図示したいとき
• 手順や比較を図で説明したいとき
• 物語的な記事に場面の挿絵を付けたいとき

プレーンテキストやMarkdown原稿の見出し・箇条書き・属性情報を整え、日本語などと英語の間隔や強調記号も補正して、整形済みファイルに保存するスキル。

• テキスト原稿をMarkdownにしたいとき
• タイトルや要約などの属性情報を整備
• 日本語と英語の間隔を修正したいとき

Webページやアプリの部品を、目的や利用者に合う見た目から設計し、書体・配色・余白・動きを統一した、実際に動作するフロントエンドコードに仕上げます。

• 見た目に特徴のあるWebページを作りたいとき
• アプリの画面部品を統一して実装したいとき
• 動きとレイアウトを合わせて設計したいとき

Web記事をMarkdownに変換し、見出しや段落の整形、内容に合う挿絵の生成から、微信公众号とX/Twitterへの投稿までをまとめて進めるスキル。

• Web記事を取得して微信公众号に投稿したいとき
• 自作記事を整えて微信とXに投稿したいとき
• 記事に挿絵を付けて公開したいとき

画面の文字サイズや行間、フォントの読み込み、折り返し、省略表示を整えるスキルです。既存の文字組みルールに沿って、表示の乱れを点検・修正します。

• 見出しと本文の文字サイズを整理したいとき
• 折り返しや省略表示を直したいとき
• 更新される数値の位置をそろえたいとき

コード実行用サンドボックスが動かないとき、シェルからPythonを実行する代替手順を案内するスキルです。グラフ画像やWord文書、JSONの生成例を示します。

• サンドボックス障害時もPython処理を続けたいとき
• Excelデータからグラフ画像を作りたいとき
• 見出しや表付きのWord文書を作りたいとき

Word文書の読み込みが失敗した際に、Pythonで本文・表・見出しを抽出するスキル。通常の読み取り手段で扱えない.docxファイルの内容確認を支援します。

• 読み込みに失敗したWordの内容確認
• Word文書の表を抽出したいとき
• 見出しや段落番号を一覧にしたいとき

関数の呼び出し関係を基に必要なコードだけを切り出し、小型モデルへ分析や修正案の作成を任せます。渡す情報量を制限し、返された根拠や提案を検証します。

• 小型モデルに関数を説明させたいとき
• 呼び出し元や入口からの経路の調査
• 指定行の修正案を依頼したいとき

C/C++・Rustで扱う鍵やパスワードのメモリ消去漏れを調べ、最適化で消去処理が失われる問題もコンパイラの出力を根拠に報告するスキル。

• 暗号鍵の消去処理を監査したいとき
• パスワードやトークンの消去確認
• 最適化による消去処理の削除調査