デザインのスキル

既存のHTMLプレゼンテーションを編集する際に、2列配置やカード、注意枠、コードの色分けをそろえるスキル。専用CSSとHTMLの記述例を参照できます。

• 改善前後を2列で比較したいとき
• コード例を色分けしたいとき
• 概念・操作案内・警告の書式を整えたいとき

渡されたドバイの時刻情報を使って、時刻カードのSVG画像とMarkdownの要約を作成します。付属テンプレートに値を反映し、指定の出力先へ保存するスキルです。

• ドバイの時刻をカード画像にしたいとき
• 時刻画像とMarkdown要約の保存
• 同じテンプレートで時刻カードを作成

段階表示やクリックによる分岐、発表者用ノートを備えた操作可能なスライドを作成します。既存ページの見た目や動きを引き継ぐスライド化にも対応します。

• ノート付きの提案資料を作りたいとき
• 要点を一つずつ表示したいとき
• クリックで補足資料を開きたいとき

HyperFrames動画の配色、書体、画面構成、ナレーションの方針を整えます。既存のデザイン仕様やブランドに沿って、場面ごとの見せ方とテンポを設計します。

• ブランドに沿った動画にしたいとき
• 動画の配色と書体を選びたいとき
• 複数場面のテンポを整えたいとき

システム構成や業務の流れ、データの関係を、ブランドの配色や書体に合わせて図解します。目的に合う図の選定から、読みやすい配置、HTML・SVG・PNGの出力まで扱います。

• システム構成を説明したいとき
• 業務の流れと担当を整理したいとき
• 既存の図をブランドに合わせたいとき

ウェブサイトに必要なページと階層を整理し、メニュー、URL、内部リンクを設計します。構成図やURL一覧にまとめ、新規制作や既存サイトの再編計画に役立てます。

• 新規サイトのページ構成を決めたいとき
• 既存サイトのメニューを整理したいとき
• ブログ追加時のURLと内部リンク設計

画像生成、写真編集、ロゴ制作、画面案や図の作成から公開まで、必要な作業と利用環境に応じて複数のツールを選び、組み合わせるためのスキル。

• SNS用画像の生成とレイアウト調整
• ロゴ制作とサイズ違いの書き出し
• 画面構成や操作の流れを図にしたいとき

3Dプリント用の3MFファイルを調べ、円筒形の穴の検出・直径変更、メッシュ修復、ファイル比較を行うスキル。対応スライサーのメタデータも保持します。

• 円筒形の穴と直径を調べたいとき
• 選んだ穴の直径を変更したいとき
• 不正な面や重複頂点を修復したいとき

3Dモデルや寸法付き部品の制作で、用途に合うツールと作業手順を選びます。写真からの立体復元、点群処理、描画、3Dプリントやゲーム向け出力までの工程を整理します。

• 寸法付き部品を3Dプリントしたいとき
• ゲーム用の3D素材を制作したいとき
• 写真から3Dモデルを復元したいとき

3Dプリント用の3MFファイルから円筒形の穴を検出し、直径の変更や形状データの修復、ファイル同士の比較を行います。スライサーの付加情報も保持します。

• 円筒形の穴と直径を確認したいとき
• 選んだ穴を指定の直径に変更
• 3Dプリント前の形状データ修復

FreeCADをコマンドで操作し、寸法や制約を指定した3Dモデル、組立品、寸法入り図面を作成します。形状のプレビューや各種形式への書き出しにも対応します。

• 寸法を指定した3D部品を作りたいとき
• 組立品と部品表を作成したいとき
• 寸法入り図面をPDFにしたいとき

図形や文字、色、レイヤーをコマンドで編集し、SVG・PNG・PDFに出力します。文字の折り返しや編集履歴の管理にも対応した、ベクター画像制作向けのスキルです。

• 図形と文字を使った画像制作
• 長い見出しを折り返して配置
• 色やグラデーション、レイヤー調整

文章で図を記述するMermaidを使い、フローチャートやシーケンス図を作成・編集するスキル。プロジェクトの保存、画像への書き出し、共有URLの生成も扱います。

• 業務手順をフローチャートにしたいとき
• やり取りをシーケンス図にしたいとき
• 図をSVGやPNGに書き出したいとき

Draw.ioの図をコマンドで作成・編集し、PNG・PDF・SVGに書き出すスキル。図形や接続線、ページの操作に加え、編集履歴の取り消しやJSONでの情報取得にも対応します。

• 図形と接続線で図を作りたいとき
• 既存の図のラベルや配置を直したいとき
• 図を複数ページに整理したいとき

製品の見た目と操作の体験を対話で整理し、DESIGN.mdとEXPERIENCE.mdにまとめます。画面構成や状態変化、アクセシビリティも仕様に含めます。

• 製品の見た目と操作を仕様化したいとき
• 画面構成と利用の流れの整理
• デザイン変更に伴うUX仕様の更新

利用者のニーズを操作の流れやUX仕様に落とし込む相談役を呼び出します。Sally と対話し、例外的な使い方も考慮しながら、設計・実装に伝える意図を整理します。

• 利用者ニーズから操作の流れを相談
• 実装に渡すUX仕様を整理したいとき
• 画面設計の例外的な状況を検討

学会発表や学位審査に向け、研究内容を図と短い文章で伝えるスライドを作ります。構成・デザイン・時間配分を整え、PowerPointやBeamerでの制作と見た目の確認を支援します。

• 学会発表のスライドを準備したいとき
• 学位審査の発表資料を作りたいとき
• 論文をセミナー向けにまとめたいとき

科学的な模式図やフローチャートの下書きを文章からPNGで生成し、AIの品質レビューで改善が求められた場合は再生成して、画像と評価ログを保存するスキル。

• ニューラルネットワーク構造図の下書き
• 生物学的経路を図解したいとき
• 研究手順のフローチャート作成

論文や発表に使う科学図を作成し、欠測値や不確実性の示し方、配色、複数パネルの配置、書き出したファイルの寸法や解像度まで点検するスキルです。

• 論文用の複数パネル図を作りたいとき
• 不確実性や欠測値を明示したいとき
• 配色と色以外の識別手段の点検

実験器具に合わせたホルダーや治具、流路チップなどを寸法変更できるCADモデルで設計します。規格寸法と形状を確認し、製作用のSTEP・STL・DXFを出力します。

• プレート・キュベット・チューブの保持具設計
• 光学定盤用のマウントやアダプター製作
• 流路チップや型のモデリング

統計、年表、比較、手順などを説明する図解画像を文章から生成し、用途別の品質レビューと再生成を支援します。提供データや任意の調査結果を材料にできます。

• 報告書の統計を図解したいとき
• プロジェクトの節目を年表にする
• 商品の特徴を視覚的に比較する

研究内容を学会向けの大判ポスターにまとめ、編集可能なLaTeXとPDFを作成します。段組みや図表、文字の配置を整え、印刷前の寸法・フォント・画像の確認まで扱います。

• 論文を学会ポスターにまとめたいとき
• 段組みで図表と本文を配置したいとき
• 所属機関のテンプレートで作りたいとき

リクエストやデータの流れを、箱・矢印・動くデータで図解し、READMEやPR、ブログに掲載できる単一のアニメーションSVGに仕上げるスキル。

• リクエストやデータの流れの説明
• バックグラウンド処理の図解
• PRで機能変更を説明したいとき

アニメーションや短い動画の制作に使う参考作品を1humanで探すスキル。人とエージェントの共有ライブラリを参照し、許可された範囲で作品を公開します。

• ローディングアニメーションの参考探し
• 共有した好みを動きの設計に生かす
• 元資料や制作手順を確認したいとき