「graph」の検索結果

Creating interactive data visualisations using d3.js. This skill should be used when creating custom charts, graphs, network diagrams, geographic visualisations, or any complex SVG-based data visualisation that requires fine-grained control over visual elements, transitions, or interactions. Use this for bespoke visualisations beyond standard charting libraries, whether in React, Vue, Svelte, vanilla JavaScript, or any other environment.

日本語の概要は準備中です。原文の説明を表示しています。

Performs paragraph-by-paragraph translation and deep linguistic analysis. Explains English syntax, grammar, and sentence structure in Chinese. References assets from the raw source directory.

日本語の概要は準備中です。原文の説明を表示しています。

メモや調査資料をもとに、ブログ記事、ガイド、ニュースレターなどの長文を作成し、既存の文体やブランドの方針に合わせて構成と根拠を整えるスキル。

• メモや文字起こしを記事に仕上げたいとき
• ブランドの文体に合わせた記事作成
• 実用的なガイドやチュートリアルの執筆

作業の依存関係を整理し、独立した調査・実装・検証を並行して進めるためのスキルです。変更先の競合を避け、各作業の完了状況と確認結果を表にまとめます。

• 独立したファイル調査の一括実行
• 複数エージェントでの分担実装
• Git worktreeで変更先を分けたいとき

Webサイトや業務画面の目的・利用者に合うデザイン方針を定め、文字・配色・レイアウト・動きを整えます。既存の部品を生かし、画面幅ごとの表示も確認します。

• 動く業務画面の見た目を整えたいとき
• 新しいサイトのデザイン方針を決めたいとき
• モバイル表示や長いラベルを改善したいとき

既存コードから色・文字・余白などの共通ルールを抽出し、デザインの仕様書とプレビューを作るスキル。画面の統一感を10項目で評価し、修正箇所も示します。

• 既存コードからデザイン規則を作りたいとき
• リニューアル前の見た目の統一感確認
• スタイルを変更するPRのレビュー

記事やガイド、ニュースレターを、提供された文例やブランドの文体に合わせて執筆します。メモや調査資料の文章化から、既存原稿の構成・根拠の見直しまで扱います。

• メモや文字起こしを記事にしたいとき
• ブランドの文体でガイドを書きたいとき
• 既存原稿の構成と根拠を見直したいとき

XやLinkedInのつながりを現在の仕事や関心に合わせて見直します。整理・維持・追加の候補を理由付きで示し、本人の文体に合う連絡文の下書きまでまとめます。

• Xのフォロー解除候補を確認したいとき
• LinkedInのつながりを見直したいとき
• 今の関心に合うフォロー先を探したいとき

大きな機能開発や移行の目標を、複数回の作業に分けた実行計画にします。各工程の背景、依存関係、検証方法をまとめ、別のエージェントへの引き継ぎを支えます。

• 大きな機能を複数PRに分けたいとき
• 複数セッションにわたる移行の計画
• 並列で進められる工程を探したいとき

画像の内容を質問したり、説明文を作ったりするために、LLaVAの導入と利用を支援します。画像を見ながら続ける対話や、画像付き文書の理解にも使えるスキルです。

• 写真の説明文を作りたいとき
• 画像内の物や場面について質問したいとき
• 画像について話せるチャットの試作

構成図やフローチャート、処理のやり取りを手描き風の図にし、Excalidrawで編集できるファイルとして保存します。共有リンクの作成にも対応するスキルです。

• システム構成を図解したいとき
• 業務手順をフローチャートにしたいとき
• システム間のやり取りを整理したいとき

Web画面のデザインをAIエージェントと見直すための指針です。23のサブコマンドと避けたい表現の例を備え、専用CLIで61のルールに基づく検出も行えます。

• Web画面のデザインを見直したいとき
• 文字組み・配色・配置の調整
• 多用されがちなデザイン表現の確認

ランディングページや複数画面のWeb製品を、配色・書体・動きの方針から設計して実装します。スクロールに連動した演出にも対応し、見た目や表示性能、画面間の統一感を検証します。

• ランディングページの新規制作・再設計
• スクロールで物語を伝えたいとき
• 複数の製品画面のデザイン統一

動く図形を避けて流れる文章や、文字が散らばる演出、単語を使ったゲームを、文字の位置を事前に計算して単一のHTMLで作るスキルです。

• 動く図形を避ける文章表現
• クリックで文字が散らばる演出
• 単語や文字を使ったゲーム制作

テーマや写真から、１色または２色のインクで刷ったようなポスターや表紙の画像を作ります。余白、網点、文字の大小を組み合わせ、生成用プロンプトと配色情報もまとめます。

• テーマから単色ポスターを作りたいとき
• 写真を網点ポスターに仕上げたいとき
• ２色刷り風の小冊子の表紙制作

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

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

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

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

新しいプロダクトの目的や競合を踏まえ、配色・書体・余白・動きのルールを提案。プレビューで見た目を確認し、DESIGN.mdに設計方針をまとめるスキル。

• 新規プロダクトの見た目を決めたいとき
• ブランドと画面の共通ルールの文書化
• 書体と配色の組み合わせの確認

gstackが尋ねる確認事項を振り返り、質問ごとの確認方針や調整機能の有効・無効を会話で設定し、自己申告と行動から見た傾向も確認するスキル。

• 過去の確認質問を振り返りたいとき
• 質問ごとの確認方針を設定したいとき
• 申告した好みと行動傾向の比較

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

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

ブランドの語り口や配色、書体、メッセージの基準を整え、制作物の一貫性を確認するスキル。素材の命名・形式の検証や、ガイドラインからデザイン設定への同期も支援します。

• ブランドの語り口を統一したいとき
• 配色と書体のガイドライン作成
• 販促素材のブランド整合性確認

Web・モバイル・デスクトップの画面設計や改善に、ローカル資料から配色・書体・操作の指針を検索。製品や開発環境に合うUIの実装とレビューを支えます。

• 新しい製品の配色と書体を選びたいとき
• フォームとキーボード操作のレビュー
• 小さな画面で崩れる表示の修正

Paperclipでエージェントや稼働状態を表すカプセル画像を制作・実装・点検し、用途ごとの配色、動き、再現用の設定をブランド規則に沿って整えるスキル。

• エージェント用アバターの制作
• 稼働状態の表示を実装したいとき
• マーケティング用メイン画像の制作

古典的なイラストとコバルトブルーを基調に、映画のようなスクロール演出を備えた制作スタジオの紹介サイトを、ブランドや事業内容に合わせて作るスキル。

• 建築スタジオのサイトを作りたいとき
• 古典美術風の作品紹介サイト制作
• サービスやFAQをまとめたいとき