Skills
エージェント向けにパッケージ化された専門スキルと手順を 99,951 件掲載。コマンド 1 行でインストールできます。
すべて
Tailwind CSS v4 を使って React アプリのデザインシステムを作成、保守、移行します。単一ソースのトークン、トークンを参照する shadcn/ui と daisyUI のテーマ、コンポーネントの CVA バリアントで適用するプロジェクトまたは daisyUI のセマンティッククラス（btn、btn-primary、card）（Radix または Base UI 上の shadcn/ui）、data-slot を使わない構成、コンポーネントごとのフォルダー、Storybook（Tokens と Classes のページ、ブロッキング方式のアクセシビリティチェック）、クラスの lint（任意の値やパレットカラーは禁止）に対応します。既存コードからトークンとクラスを導出し、shadcn CLI が追加したコンポーネントを整理し、監査で規約との差を測定します。デザインシステム、トークン、Storybook、shadcn/ui、daisyUI、Radix、Base UI、セマンティッククラス、テーマやダークモード、インターフェースの統一、スタイルの移行（Tailwind v3、CSS modules、コンポーネントライブラリ）、共有 UI コンポーネントの追加について話題にした場合に使用します。「デザインシステム」と明言していなくても対象です
記事をもとに、HyperFrames と各チェックポイントでの人による確認を使って、縦型ニュース解説動画（約20秒、9:16のショート、リール、TikTok）を作成または改善します。時間配分付きの台本、ライセンス確認済みの映像素材、ストーリーボード、レンダリング、測定に基づく品質確認（テンポ、静止時間、読了時間、スマートフォンでの聞き取りやすさ）、別のエージェントによる敵対的レビュー、番号付きバージョンを扱います。記事を縦型動画にする、「このニュースのショート」「20秒の解説動画」を作る、既存のニュースショートを改善・レベルアップする、映像素材や音楽を追加する、公開前に確認するといった依頼に、HyperFrames の指定がなくても使用します。
DeepSeek（または任意のモデル）に、同じプロンプトから Claude Opus 5.5 が作るものに匹敵するモーションデザイン動画を、あらゆるスタイルの依頼に応じて制作させます。ブランドフィルム、ショーリール、キネティックタイポグラフィ、解説動画やデータストーリー、製品・UIのプロモーション、キャラクターストーリーやミュージックビデオ、抽象的なループ、タイトルシーケンスに対応します。Opus のようにプロンプトを読み取り、アートディレクションを導き出し、コーディング前に計画を立て、テスト済みのスターターを使って音声を生成しながら Remotion（React + SVG）プロジェクトを構築します。さらに、5 人の審査員による批評で成果物をレビューします。動效、动态设计、视频、短片、复刻 opus 效果、扩写提示词、Remotion、motion graphics、showreel、MV に反応します。
このマシン上のセッション履歴をもとに、ユーザーがコーディングエージェント（Claude Code、Codex、OpenCode、Pi、Amp、Cursor、Grok Build）と過ごした1年を振り返る Spotify Wrapped 風の動画を作成します。統計、ユーザーのエージェントとしてのペルソナ、エージェントを訂正した頻度から見える学びを含みます。自分の Agent Wrapped、Coding Wrapped、AI Wrapped、エージェントとの1年の振り返り、コーディングエージェントの利用状況の統計を求められた場合に使用します。
予約またはスケジュール管理アプリ向けに、双方向の Google Calendar 同期を構築します。ホストは OAuth で Google アカウントを接続し、選択したカレンダーのイベントを空き状況に反映します。プッシュ通知と更新 cron で最新状態を保ち、確定した予約はイベントとしてカレンダーに書き込み、依頼があれば Google Meet リンクも追加します。用途：(1) 予約、アポイントメント、クラス、シフトを扱うアプリで、スタッフの Google Calendar の予定を考慮する、または予約を書き込む場合。(2) 既存の同期で、実際にはない予定が空きを塞ぐ、イベントの欠落や重複、グループセッションが最初の予約後に塞がれる、エラーなしで同期が停止する、アクセス権の取り消し後にユーザーが先へ進めないなどの問題がある場合。(3) Google Calendar integration、two-way calendar sync、connect Google Calendar、busy time、free/busy、events.watch、push notifications、X-Goog-Channel-Token、channel renewal、calendar.events scope、refresh token、invalid_grant、offline access、PKCE、Google Meet link、conferenceData、extendedProperties、hangoutLink に言及された場合。fetch を使う依存関係のない Google クライアント、純粋な空き時間マッパーと差分計算、single-flight 同期、冪等な予約イベント、旧チャネルを切る前に新チャネルを作る更新方式、カレンダーごとに算出する健全性、Firestore と Supabase のストア、4 つのプロセスタイムゾーンで実行する 32 件の node:test テストスイートを備えます。Next.js App Router のルートハンドラーと、その他の Node サーバー向け Express アダプターを使用します。ストレージ、認証、予約ソースは差し替え可能です。Outlook や Microsoft 365（microsoft-calendar-sync）、時間枠生成（time-slot-generator）、カレンダー UI、ICS フィードには対応しません。
Microsoft Graph を使って、予約・スケジュール管理バックエンド向けの Microsoft 365 / Outlook カレンダー双方向同期を構築します。主催者は OAuth で Microsoft アカウントを接続し、選択したカレンダーの予定が空き時間をブロックします（変更通知サブスクリプションと更新 cron を使用）。確定した予約は Teams 会議リンク付きの予定としてカレンダーに書き込まれます。次の場合に使用します：（1）予約、アポイントメント、クラス、シフトを扱うアプリで、スタッフの Outlook の予定を空き状況に反映する、または予約を Outlook カレンダーに登録する必要がある。（2）既存の Outlook または Graph カレンダー連携が接続から1時間後に停止する、通知が届かない、休暇を無視する、予定が重複する、サブスクリプションを失う。（3）ユーザーが Outlook calendar integration、Microsoft 365 calendar、Office 365 calendar sync、Microsoft Graph calendar、Entra ID app registration、Calendars.ReadWrite、calendarView、change notifications、Graph subscription、clientState、validationToken、lifecycleNotificationUrl、subscriptionRemoved、MSAL refresh token、AADSTS700082、invalid_grant、interaction_required、singleValueExtendedProperties、teamsForBusiness、showAs、isAllDay、mailboxSettings timeZone に言及する。fetch ベースで依存関係のない Graph クライアント、終日予定をメールボックスのタイムゾーンに合わせる純粋な空き時間マッパー、単一実行の同期、拡張プロパティのマーカーによる予約イベントの再検索、失われたサブスクリプションを置き換えるインプレース更新、カレンダーごとの導出ヘルス状態、Firestore および Supabase ストアを備えます。4つのプロセスタイムゾーンで実行する 43 件の node:test テストスイートも含みます。TypeScript の Next.js App Router ルートハンドラー向けで、その他の Node サーバーには Express アダプターを用意します。ストレージ、認証、予約ソースは CalendarStore、authenticate、BookingSource の境界の背後にあります。Google Calendar、オンプレミス版 Exchange（EWS）、カレンダー UI は対象外です。
ユーザーが "implement FSD"、"use Feature-Sliced Design"、"organize architecture"、"structure project folders"、"set up FSD layers"、"create feature slices"、"refactor to FSD"、"add FSD structure" を求めたり、"feature slices"、"layered architecture"、"FSD methodology"、"architectural organization"、"views layer"、"entities layer"、"shared layer"、"Next.js with FSD"、"Turborepo FSD structure" に言及したときにこのスキルを使用する。Next.js アプリケーションで Feature-Sliced Design 方法論を独自の 'views' レイヤー命名で実装するための包括的なガイダンスを提供する。
Rails アプリケーション向けの包括的な UX デザインパターン。レスポンシブデザイン、アニメーション/トランジション、ダークモード、ローディング状態、フォーム UX、パフォーマンス最適化を含む。洗練されたインタラクションとレスポンシブなレイアウトを要するユーザー向け機能を実装する際にこの skill を使用する。トリガーキーワード：UX、レスポンシブ、モバイルファースト、アニメーション、トランジション、ダークモード、ローディング、スケルトン、プログレス、toast、フォームバリデーション、パフォーマンス、Core Web Vitals、ユーザーフロー
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。