Skills
エージェント向けにパッケージ化された専門スキルと手順を 97,222 件掲載。コマンド 1 行でインストールできます。
デザイン・UI
pbir CLI を使って完全な Power BI レポートをゼロから作成するための手順別ワークフロー。モデルの検出、レポート作成、ページレイアウト、テーマ設定、ビジュアルの配置、フィールドのバインド、フィルタリング、書式設定、検証、公開を扱う。ユーザーが「create a new report」「build a report from scratch」「make a dashboard」「set up a report with KPIs」「create an executive dashboard」「add pages and visuals to a new report」を求めたときに自動的に呼び出す。
モダンな雑誌スタイルとスイス・インターナショナル様式の高密度なエディトリアル HTML 情報カードを生成し、指定比率のスクリーンショットとしてキャプチャする。ユーザーがテキストや中核情報を提供し、次のいずれかを求める場合に使用する: (1) 完全なレスポンシブ HTML 情報カード、(2) 保存されたエディトリアルプロンプトに沿ったデザイン、(3) 3:4、4:3、1:1、16:9、9:16、2.35:1、3:1、5:2 などの固定表示比率での出力、(4) 同一コンテンツから HTML とレンダリング済み PNG カバー/カードの両方。
ウェブサイト、ランディングページ、ダッシュボード、アプリシェル向けに、完全なビジュアルスタイルの方向性——サーフェスの階層、タイプスケール、アクセントの規律、そして一つのシグネチャーな構造モチーフ——を選定して適用する。ダークグラス、ダークテクニカル、フロステッドワークスペース、ウォームペーパー、ベージュミニマル、エディトリアルグリッド、アーカイバルブック、ワイヤーフレームダイアグノスティック、コバルトコントラストといった特定のルック、または「プレミアム／高級／エンジニアリング感を出したい」という依頼、あるいはアドホックなスタイリングではなく一貫した方向性が必要なデザインに使用。
任意のコードベースを、コードの仕組みを非技術者に教える美しいインタラクティブなシングルページ HTML コースに変える。コードベースやプロジェクトからインタラクティブなコース、チュートリアル、教育的なウォークスルーを作りたいときはいつでもこのスキルを使用する。また、ユーザーが「これをコースにして」「このコードベースをインタラクティブに説明して」「このコードを教えて」「コードからインタラクティブなチュートリアルを作って」「コードベースのウォークスルー」「このコードベースから学びたい」「このプロジェクトでコースを作って」と言及したときにもトリガーする。このスキルは、スクロールベースのナビゲーション、アニメーション付きの可視化、コードと平易な英語の並列対訳を備えた、見事で自己完結型の HTML ファイルを生成する。
snapcn コンポーネントが許可される見た目。レジストリコンポーネントに色、ボーダー、シャドウ、角丸、フォントスタックを記述する前にこれを読んでください。snapcn は shadcn デザインシステム（SnapCnTheme）と shadcn UI プリミティブの階層（snap-cn-ui）を提供します。コンポーネントはそれらを組み合わせるものであり、再発明するものではありません。どのトークンが存在するか、それらをどう解決するか、プリミティブ自身のサーフェスを手作りせずにどう再利用するか、そして var(--token) が Remotion レンダーで維持されない理由を説明します。トリガー - color、colour、hex、rgba、box-shadow、drop shadow、border、hairline、radius、surface、background、theme、dark mode、コンポーネントのスタイリング、「白背景で見た目がおかしい」、「シャドウが悪い」、shadcn、Input、Button、Card。
エッセイやブログ記事向けの高品質なアニメーション解説ビジュアルを作成する。ユーザーがインタラクティブな Web アニメーションで概念、プロセス、データ、アイデアを可視化したいときに使用する。「create a visual for」「animate this concept」「make an explainer」「visualize this idea」「diagram this process」「show this data」などのリクエストや、エッセイの内容が視覚的な説明に適している場合に起動する。抽象的な概念（メンタルモデル、フレームワーク）、技術的なプロセス（アルゴリズム、システム）、データ可視化（トレンド、比較）を扱う。Web コンテンツに直接埋め込める自己完結型の HTML/CSS/JS を出力する。
HTML テンプレート、JS コントローラー、SLDS 準拠の CSS、js-meta.xml 設定、Jest テストで Lightning Web Components をスキャフォールドする。Lightning Web Components、LWC、コンポーネントのスキャフォールド、LWC の Jest テストについて尋ねられた場合に使用する。.js-meta.xml ファイル、「LWC」「Lightning Web Component」「wire adapter」「lightning component」「@api/@wire/@track デコレーター」への言及で起動する。
Button、ButtonGroup、Checkbox、Chips、DropDownButton、Floating Action Button、ProgressButton、RadioButton、Speed Dial、Split Button、Switch を含む Syncfusion ASP.NET Core ボタンコンポーネントを実装するための包括的なガイド。ASP.NET Core アプリケーションにスタイル付きボタン、トグル動作、アイコン対応、グループ選択、ドロップダウン操作メニュー、フローティングの主要アクション、展開可能なスピードダイヤルメニュー、インタラクティブなフォーム要素、単一/複数選択機能、コンパクトなタグ/フィルタ要素、ドラッグアンドドロップ操作を追加するときに使用します。
Toast、Message、Skeleton を含む Syncfusion ASP.NET Core 通知コンポーネントを実装する。トースト通知、短時間で自動的に消えるアラート、スナックバーメッセージ、重要度レベルを備えた文脈依存の Message コンポーネント、シマーアニメーション付きの Skeleton ローディングプレースホルダーを構築するときにこのスキルを使用。配置、アクションボタン、重要度のバリエーション、アニメーション効果、形状オプションを網羅。
HTML を媒体として高忠実度のデザイン案（ランディングページ、スライド、インタラクティブプロトタイプ、アニメーション、デザインシステム、インフォグラフィック、モバイル mockup など）を制作する。汎用のフロントエンドエンジニアではなくプロのデザイナーとして振る舞い、まず質問してから作ること、既存のデザインシステムを参照すること、複数のバリエーションを提示すること、AI 風の陳腐さを避けることを重視する。トリガー：/axi-front-design、"做个落地页"、"设计一张海报/封面"、"做张幻灯片/PPT"、"做个交互原型"、"做个动画"、"design a landing page"、"make a deck"、"prototype this UI"、"design system"、"hi-fi mockup"。非適用：純粋なテキストコンテンツ/ロジックコード、実画像生成が必要（画像生成モデルを使うべき）、ネイティブの PPTX/Figma ファイルが必要（HTML を優先）。
GNOME アプリのユーザーに見えるすべての変更（新規・既存を問わず、リクエストがデザイン用語を使っているかどうかも問わない）に使用します。トリガーは文言ではなくリポジトリです。gtk4/libadwaita に依存する場合（または GNOME 向けの Qt/PySide6 アプリである場合）、ユーザーが見たり操作したりできるものはすべてこの skill を通します。症状としてのみ表現されたリクエスト（「右クリックで削除できる？」「ウィンドウが小さく開く」「並べ替えが動かない」）も含みます。ウィジェット、アイコン、ダイアログ、メニュー、サイドバー、ナビゲーション、空状態の選定、コンテキストメニュー・ドラッグ＆ドロップの並べ替え・ウィンドウサイズ・レイアウト・重複する操作要素・起動時に欠落または無効なコントロールにおけるインタラクションの不具合、HIG レビューを扱います。アーキテクチャ、スレッド、言語構文、ビルド／テスト基盤を担当する developing-gtk-apps を補完します。
GPT imagegen スキルを呼び出して「画像形式の PPT ドキュメント」を生成する——1 ページにつき 1 枚、情報密度が高くレイアウトが複雑でスタイルが統一されたスライド画像（既定はテック系ビジネス／高密度インフォグラフィック。シンプル／カートゥーン／水墨／テックなど任意のスタイルも可）を生成し、各ページが全幅画像 1 枚の .pptx に合成する。Generates image-based slide decks (one rendered image per slide) from a topic or content. ユーザーが「PPT を作る／画像版 PPT を生成する／AI でスライド画像を作る／内容を PPT 画像にする」ときに使用する。このスキルは**画像型 PPT のみを生成する**（各ページの .png ＋ 合成した .pptx）。編集可能な pptx も必要な場合は、続けて GordenImage2PPTX を使用する。
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。