Skills
エージェント向けにパッケージ化された専門スキルと手順を 97,222 件掲載。コマンド 1 行でインストールできます。
デザイン・UI
一連のデザインサンプル（HTML モックアップ + ウェブサイト URL）を分析し、stardust リデザインパイプラインの残りの工程を支える構造化スタイルガイドを生成する。ユーザーが参考デザイン（「design samples」「mockups」「inspiration sites」「style references」）を提供し、対象サイトをリデザインする前に一貫したビジュアル言語——タイポグラフィシステム、カラーパレット、スペーシング、モーション、再利用可能なコンポーネントパターン——を抽出したい場合に使用。「distill these samples」「extract a style guide from these examples」「use these as design references」「analyze these mockups」などのフレーズでトリガー。`trait-matrix.json`（サンプル単位 + サンプル横断の構造化デザイントークン）と `SAMPLES.md` の叙述ブリーフを出力する。`stardust:direct` は Mode B（アンカー参考の優先）でリデザインの方向性を選ぶ際にこれを読む。
完全な図形・グラフィックスオーバーレイシステム。次の場合に積極的に有効化：(1) 矩形の描画（drawbox）、(2) グリッドオーバーレイ（drawgrid）、(3) 円と楕円（geq）、(4) 画像のウォーターマークとロゴ、(5) ローワーサードグラフィックス、(6) プログレスバーとインジケーター、(7) アニメーションオーバーレイ、(8) ブレンドモードとコンポジット、(9) セーフエリアガイド、(10) 生成パターン（グラデーション、ノイズ、チェッカーボード）。提供：フィルター構文リファレンス、位置式、色形式ガイド、ブレンドモードの例、パフォーマンス最適化のヒント。実現：動画上のプロフェッショナルなグラフィックスオーバーレイと視覚効果。
コーディングエージェント向けの永続的で復元可能な GSAP ワークフロー。ユーザーが新しいページやセクションをアニメーション化したい場合、または既存のページ/コンポーネントを GSAP で改善したい場合に使用する。新規/グリーンフィールドの作業は gsap-new に、既存コードの改善作業は gsap-refactor に振り分ける。常に .gsap アーティファクトを信頼できる唯一の情報源として使用し、新しいエージェントセッションがチャット履歴なしで再開できるようにする。
非 SPA（クラシック）Power Pages サイトを Bootstrap 3 から Bootstrap 5 に移行します。サイトをダウンロードし、pac pages bootstrap-migrate エンジンを実行して変更レポートを確認します。エンジンが指摘するだけで修正しない残存の階層／CSS 変更に AI 支援の修正を適用し、移行済みサイトをアップロードします（Bootstrap 5 ランタイムフラグが自動的に有効になります）。フラグを確認して検証します。古い Bootstrap-3 ポータルを Bootstrap 5 にアップグレードする場合に使用します。SPA サイト（React/Vue/Angular/Astro）には使用しません。これらが Bootstrap-3 であることはありません。
Orbit ブリーフィング スキルを開く——GitHub がユーザー唯一の接続済みコネクタである場合、またはユーザーがデイリー ダイジェストの対象を GitHub に明示的に限定した場合に、Orbit パイプラインによって選択される。ユーザーの認証済み GitHub 接続から過去 24 時間の PR、レビュー リクエスト、issue、CI 実行、マージを取得し、GitHub ネイティブの Notifications + PR-diff の視覚言語を踏襲したレイアウトで表示する。このスキルは手動でトリガーすべきではない——Orbit のデイリー ダイジェスト スケジューラがライブの GitHub データに対して呼び出す。
ユーザーがアプリ内のペイウォール、アップグレード画面、アップセルモーダル、機能ゲートを作成または最適化したい場合に使用します。「ペイウォール」「アップグレード画面」「アップグレードモーダル」「アップセル」「機能ゲート」「無料から有料への転換」「フリーミアムのコンバージョン」「トライアル終了画面」「上限到達画面」「プランのアップグレード案内」「アプリ内価格」「無料ユーザーがアップグレードしない」「トライアルから有料への転換」「ユーザーに支払ってもらう方法」などに言及した場合にも使用してください。製品内でユーザーにアップグレードを促すあらゆる場面が対象です。公開料金ページ（page-cro を参照）とは異なり、ユーザーが価値を体験した後、製品内でアップグレードを促す場面に焦点を当てます。料金の決定については pricing-strategy を参照してください。
学術論文、研究ノート、またはユーザーがスライド形式で欲しいあらゆるコンテンツから、視覚的に豊かな PowerPoint（.pptx）プレゼンテーションを作成する。PptxGenJS と LaTeX 数式レンダリングを使用する。ユーザーが Beamer/LaTeX スライドではなく PPT/PPTX 出力を求めたときは常にこのスキルを使う。トリガー：powerpoint、pptx、PPT、make a ppt、做PPT、做幻灯片、make slides（LaTeX 以外）、prepare a presentation（文脈が PPT を示す場合）、做个报告、presentation slides、help me prepare a talk（Beamer でない場合）、convert paper to slides（PPT が含意される場合）。ユーザーが "make slides" や "做个演示" とだけ言って形式を指定しなくても、このスキルをトリガーし、PPT か Beamer かを尋ねる——Beamer を黙ってデフォルトにしない。以下ではトリガーしない：beamer、latex slides、.tex ファイル、tikz——これらは beamer スキルに属する。
ウェブサイトおよび React/HTML コンポーネント向けの RGAA 4.1.2 準拠監査ツール。サイトやコンポーネントの RGAA 準拠を監査する際にこの skill を使用する：アクセシビリティ監査や RGAA 準拠レポートを求められたとき、自身のコード/サイトが RGAA に準拠しているか知りたいとき、"audit RGAA"、"conformité RGAA"、"non-conformités"、"déclaration d'accessibilité" に言及したとき、または事後確認のために HTML/React コードを共有したとき。
添付されたスクリーンショットやビジュアルリファレンスをもとに、ウェブサイト、アプリ画面、コンポーネント、ダッシュボード、ランディングページ、レスポンシブインターフェースを、正確で保守しやすいフロントエンドコードとして再現します。提供されたスクリーンショットの実装、既存 UI 画像との一致、モックアップのコード化、複数画面の再構築、または表示がリファレンスと異なる実装済みページの修正に使用します。各画像を確認し、デスクトップウェブ、タブレット、モバイルのどれに該当するかを適切に推測して、対応するレスポンシブモードを実装・検証します。既存・新規プロジェクト、適切なあらゆるフロントエンドスタック、レスポンシブモードの推定、アセットの照合、アクセシビリティ、インタラクションの再構築、ビジュアル比較に対応します。
Elements レジストリから CC0 のサウンドエフェクトをインストールする。UI サウンド（click、pop、notification）、トランジションサウンド（whoosh、swoosh）、シネマティックサウンド（boom、riser、glitch）、または動画制作向けの音声が必要な場合に使用する。"sound effect"、"SFX"、"audio"、"notification sound"、"click sound"、"whoosh"、"UI sound"、"sound for video"、"play sound"、"useSound" でトリガーされる。
ローカルビジョン CLI：glance（画像の説明/質問/OCR）、ground（ターゲットの位置特定、ピクセルボックス）、detect（要素の一覧）、trace（画像から SVG ジオメトリへ）、crop（ピクセルボックスをファイルに切り出す）、および scripts/html_shot.py（HTML ファイルから画像へ）。画像を扱うあらゆるタスクに使用する — 質問、テキスト、長いスクリーンショットやチャット履歴の分割と文字起こし、要素の特定、比較、HTML/SVG としての再構築、スケッチや図のデジタル化、グラフからの値の読み取り、スクリーンショットからの GUI 操作 — また、与えられた説明に詳細が欠けている場合に自分で画像を再確認するためにも使用する。
スタイルを変えずに GSAP モーションを構築します。単一のエフェクトとしても、フルセットとしても使用できます：「we're animaxxing」では、すべての要素が空白のページから入り、静止し、去っていきます。テキスト：split、scramble、glitch、typewriter、speak-in の登場演出、散らばる見出し、レターウェーブ、パス上のテキスト、カウントアップ、オドメーター。スクロール：リビール、スクラブ、パララックス、固定シーン、カードのスタッキング、ズームスルー、横方向の連続スクロール、ウェイポイント、スムーズスクロール、ページング。ポインター：マグネティック、チルト、スポットライト、方向性フィル、プレスリップル、シェイク、カーソルフォロワー、イメージトレイル、近接、ラベルロール、下線、ウェイトホバー。ドラッグ：スロートラック、無限ループ、カードスタック、ソート可能リスト、スワイプで閉じる。ほかにページカバー、プリントエフェクト、Flip モーフ、メニュー、ダイアログ、タブ、ステートボタン、メディアと SVG のエフェクト、マーキー、CustomEase、サウンド、紙吹雪、パーティクル、タッチでスタックするホバー。また、フィールを導き出します：プレミアム、落ち着き、遊び心。対応する GSAP フレームワークスキルと組み合わせて使用します。視覚的なリデザイン、ルーティング、GSAP API の質問には適していません。
iOS、iPadOS、macOS、tvOS、visionOS、watchOS アプリを設計するための Apple Human Interface Guidelines（HIG）リファレンス。UI コンポーネント、レイアウト、アクセシビリティ、タイポグラフィ、ナビゲーション、入力、プラットフォーム技術を扱う。Apple プラットフォームの UI を設計するとき、SwiftUI/UIKit のパターンをレビューするとき、HIG の設計原則を任意のアプリに適用するときに使用。
フォント選びから余白、折り返し、アクセシビリティまで、Web タイポグラフィを扱います。書体の選択や組み合わせ、可変フォントや OpenType 機能の設定、文字サイズのスケール設定、見出し階層の確認、コンポーネント内のテキストスタイル設定、テキストの省略、下線・選択範囲・プレースホルダー・キャレットのスタイル設定、タイポグラフィに関するフロントエンドコードのレビューに使用します。タイポグラフィ、フォント、フォント形式、woff2、可変フォント、font-weight、opentype、font-feature-settings、letter-spacing、line-height、文字サイズのスケール、見出し階層、見出しレベル、等幅数字、テキスト折り返し、省略、行数制限、下線、text-decoration、テキスト選択、iOS の入力ズーム、拡大された入力テキスト、フォントスムージング、テキストコントラスト、文字幅、行長、text-box、スマート句読点、ドロップキャップに関する作業で起動します。
@taste-penpot のプロダクトデザインパートナー。taste-penpot がルックを選定した後に、デザイン、UI、見た目、仕上げ、ハンドオフの依頼で使用する。ペルソナ、ルートジョブ、トークンを .heyeddi/design.md に記録し、その後 @heyeddi-handoff または @design-handoff-flutter にハンドオフする。2 つ目のパレット、タイプシステム、多段階の美学を新たに作ることはない。完了前にはスクリーンショットゲートが引き続き適用される。
Figma のノードツリーを WCAG 2.2 アクセシビリティとデザインシステム品質の両面で lint する — コントラスト、ターゲットサイズ、フォーカスインジケーター、色のみによる伝達、ハードコードされた色、欠落したテキストスタイル、デタッチされたコンポーネントなど。ユーザーが引き継ぎ前にデザイン側の監査を求める場合に使用。トリガー：「lint this frame」「check accessibility」「WCAG audit」「is my design accessible」「find contrast issues」「check color contrast」「find hardcoded colors」「are my components using tokens」「design QA」「a11y check on this page」「audit my design for issues」。ノード（またはページ全体）からツリーを走査し、重大度（critical/warning/info）と WCAG レベル（A/AA/AAA/best-practice）を付けた検出結果を返す。ネイティブの Figma MCP にはデザイン側の lint はなく、これは本コレクション独自のもの。コンポーネント単位の詳細な a11y スコアカードには audit-accessibility-figma を、コード側（HTML）のチェックには scan-code-accessibility-figma を使用。
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。