Skills
エージェント向けにパッケージ化された専門スキルと手順を 97,222 件掲載。コマンド 1 行でインストールできます。
開発
ランディングページ、ダッシュボード、Web アプリ、ポートフォリオ、ツールなど、あらゆるビジュアル出力のための UI/UX 品質ゲート兼構築ガイドです。主要な入口は引き続き ui-design です。統合モデル：ui-design のメイントランク + taste-skill のオーバーレイ。- ui-design はエンジニアリング品質（トラックの選定、コンポーネントライブラリ戦略、アクセシビリティ、レスポンシブ対応、テーマ設定、パフォーマンス、プレビューの提供）を担当します。- taste-skill は ui-design のワークフロー内でスタイルを決定する際に呼び出されます（Brief Inference、Design Dials、Anti-slop の厳格なルール）。ビジュアル HTML/CSS/JS を生成するプロジェクトでは、必ず project-builder と併用してください。
Sentry でアプリケーションを計装します。プラットフォームを検出し、必要に応じて SDK をインストールして初期化し、各種シグナル（エラー監視、トレース／パフォーマンス、ログ、メトリクス、プロファイリング、セッションリプレイ、ユーザーフィードバック、cron チェックイン、デプロイ済みアプリの稼働時間監視、AI／LLM 監視）を接続します。AI／LLM 監視では、OpenAI、Anthropic、Vercel AI、LangChain、Google GenAI、Pydantic AI、Laravel AI、Mastra、Eve、Flue、Pi Durable、Cloudflare Agents SDK、Workers AI のエージェント実行、トークンコスト、会話を扱います。プロジェクトへの Sentry の追加や、エラー以外の情報の取得に使用します。
WebFetch や curl では失敗する、または不十分なウェブタスクに使用します。JavaScript によるレンダリングが必要なページ、入力・送信するフォーム、ライブページのスクリーンショットや PDF、CAPTCHA／ボット対策の回避、ログインフロー、セッション状態を維持した複数ステップのブラウザ操作などが対象です。JS レンダリングされたページでは WebFetch は空の HTML を返します。このスキルは JavaScript を実行し、Cookie を維持し、ボタンをクリックし、ボット対策に対応する実際のクラウドブラウザーを使用します。コードを書くのではなく、ウェブタスクを実際に実行（訪問、操作、抽出、キャプチャ）してほしい場合に起動します。単純な GET で取得できる静的ページ、localhost またはプライベートネットワークの対象、ユーザー自身が実行するブラウザー自動化コードの作成、ブラウザーツールに関する概念的な質問に限り、使用を省略します。
AI Engineering from Scratch の MCPA（Model Context Protocol Associate）認定向けの、AI ネイティブなチューターおよびオンボーディングワークフローです。学習者が MCPA の準備、認定学習の再開、次のレッスンの対話型学習、実践ラボの実行と検証、診断テストまたは模擬試験の受験、あるいは Claude Code、Codex、ChatGPT、Cursor などのエージェントを使った GitHub 上の苦手な試験分野の補強を希望する場合に使用します。
om-setup-agent-pipeline が既に構成したリポジトリに製品レイヤーを追加します。製品ロールごとに 1 回ずつ yes を回答し、.ai/agentic.config.json に discovery ブロック、Discovery ステージ、Definition of Ready、製品ロール、マーカー間に追記した保護対象の製品決定（SDOC.md）、research ディレクトリ、AGENTS.md のルーティング行を追加します。実行は 1 回で、--refresh を付けると再実行できます。どの製品スキルもこれを必要としません。
アニメーション処理、メモリリークのリスク、長時間セッションでの速度低下、CSS アニメーション、canvas/WebGL の requestAnimationFrame ループ、マーキー、スケルトン、GSAP/Three/Matter のエフェクト、タイマー、リスナー、オブザーバーを重点に、フロントエンドページのパフォーマンスを計測、監査、最適化します。アニメーションのパフォーマンス向上、画面外のアニメーションの一時停止、メモリリークの調査、時間の経過とともにコンピューターを遅くするページの計測、スクロールのカクつきの修正、CPU/GPU 使用量の削減、または Codex Browser を使って React/Vite/Next/フロントエンドページで「表示中のみ再生」最適化を繰り返すよう求められた場合に使用します。
DHH 独自の 37signals スタイルで Ruby および Rails のコードを書く際に使用します。Ruby コードや Rails アプリケーションの作成、モデルやコントローラー、あらゆる Ruby ファイルの作成に適用します。Ruby／Rails コードの生成、リファクタリング依頼、コードレビュー、またはユーザーが DHH、37signals、Basecamp、HEY、Campfire のスタイルに言及した場合に起動します。REST の純粋性、ファットモデル、シンコントローラー、Current 属性、Hotwire のパターン、「巧妙さより明快さ」の哲学を体現します。
n8n-mcp MCP サーバーを通じて n8n ワークフローを構築、編集、検証、テスト、デバッグする際に使用します。フローの設計、ノードの設定、式や Code ノードの記述、認証情報の接続、動作不良の修正などが対象です。n8n-mcp-skills パックの入口スキルとして、適切な専門スキルに振り分け、最初からすべての n8n-mcp ツールに関する実践的な知識を提供し、本番環境でワークフローが壊れないためのルールを示します。n8n、ワークフロー、ノード、自動化に関する作業では、簡単な単発作業やユーザーがスキルを指定していない場合も含め、必ず最初に参照してください。n8n の仕様はバージョン間で変化し、専門スキルが気付かれない失敗を防ぐためです。
ユーザー向けインターフェースの構築、実装、再設計、レビュー、改善では必ず使用します。HTML、CSS、Vue、Nuxt、React などのフロントエンドフレームワークで作成するページ、レイアウト、フォーム、ナビゲーション、ダッシュボード、再利用可能な UI コンポーネントが対象です。依頼が設計ではなく実装として表現されていても、レスポンシブデザイン、スタイリング、アクセシビリティ、視覚的階層、インタラクション状態、ユーザーエクスペリエンスに関わるフロントエンドコードの変更にも適用されます。ブラウザー検証には web-debug と併用してください。予期しない動作の根本原因調査にはデバッグを使用します。
fframes（Rust、SVG シーン、ffmpeg エンコード、Skia GPU レンダリング）を使って、コードで動画を作成、アニメーション化、レビュー、レンダリングします。動画、アニメーション、モーショングラフィックス、解説動画、プロモーション、ソーシャルクリップ、タイトルカード、ポッドキャスト用ビジュアル、歌詞／字幕動画、またはプログラムで生成する .mp4/.webm を作りたい場合や、fframes の動画の変更、修正、高速化、確認を依頼された場合に使用します。fframes のインストール、プロジェクト作成、見栄えのよいモーションの設計、3D ショット（`fframes::three_d`、three.js 風シーン）、サウンド（音楽、音声、SFX、ラウドネス）、リアルタイムプレビューウィンドウでの再生に加え、視聴せずに結果を確認する方法（PNG のフレームとコンタクトシート、自動問題検出、ラウドネス数値、高速ドラフトおよび範囲レンダリング）を扱います
Ralph Wiggum に着想を得た、仕様駆動開発向けの自動化ループです。Python スクリプトを使って、タスクの実装、レビュー、クリーンアップ、同期を進行します。ユーザーが /loop コマンドを実行した場合、タスク実装の自動化を求めた場合、仕様タスクを段階的に進めたい場合、またはコンテキストウィンドウを管理しながら開発ワークフローを自動化したい場合に使用します。呼び出しごとに 1 ステップ実行します。状態機械：init → choose_task → implementation → review → fix → cleanup → sync → update_done。タスク範囲の絞り込みに --from-task と --to-task を使用できます。状態は fix_plan.json に保存されます。
TypeScript のパフォーマンス、tsconfig、型エラー、非同期パターンに対応します。ユーザーが「TypeScript のパフォーマンスを最適化」「tsc のコンパイルを高速化」「tsconfig.json を設定」「型エラーを修正」「非同期パターンを改善」と依頼した場合、または TS エラー（TS2322、TS2339、「is not assignable」）が発生した場合に起動します。型定義、モジュール構成、メモリ管理に関する .ts、.tsx、.d.ts ファイルの作業でも起動します。TypeScript の基本、フレームワーク固有のパターン、テストは対象外です。
C/C++ プロジェクト向けの CMake ビルドシステム skill。CMakeLists.txt の作成・リファクタリング、ソース外ビルドの設定、ジェネレーター（Ninja、Make、VS）の選択、target_link_libraries によるターゲットと依存関係の管理、find_package または FetchContent による外部パッケージの統合、サニタイザーの有効化、クロスコンパイル用ツールチェーンファイルの設定、CMake パッケージのエクスポートに使用します。CMakeLists.txt、cmake の構成エラー、ターゲットプロパティ、インストールルール、CPack、CMake プリセットに関する質問で起動します。
Android と Kotlin 向けの GraphQL クライアントライブラリである Apollo Kotlin を使ったアプリ構築ガイドです。次の場合に使用します。（1）Android、Kotlin/JVM、KMP の Gradle プロジェクトで Apollo Kotlin を設定する。（2）GraphQL サービスのスキーマダウンロードとコード生成を設定する。（3）認証、インターセプター、キャッシュを備えた `ApolloClient` を設定する。（4）クエリ、ミューテーション、サブスクリプションを記述する、
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。