Skills
エージェント向けにパッケージ化された専門スキルと手順を 99,719 件掲載。コマンド 1 行でインストールできます。
すべて
Otimiza qualquer landing page ou aplicação web (React, Vite, Next.js, HTML) para atingir nota máxima (98-100) no Google Lighthouse 13 em Performance, Accessibility, Best Practices, SEO e Agentic Browsing, aplicando técnicas avançadas de SEO, AEO (Answer Engine Optimization) e GEO (Generative Engine Optimization para ChatGPT, Perplexity, Claude e Gemini). Use quando o usuário pedir para melhorar SEO, AEO, GEO, ser encontrado por IAs/buscadores, criar llms.txt/ard.json ou bater nota 100 no Google Lighthouse.
Review a code change or PR from every angle in one pass: requirement compliance, correctness, security, over-engineering (what to delete), and reuse/efficiency. Use for implementation review, PR review, merge readiness, 'what can we delete', or 'simplify review'.
参照画像、画面、動画に合うよう、長時間の自律的な反復が必要な大規模なビジュアル制作には Cook Loop を使用します。コードで作る 3D ワールド(three.js、WebGL、シェーダー)、コードレンダリングの映像、ローンチ動画やモーション動画、ゲーム、参照に並べても見劣りしない洗練された UI に適しています。特に、ユーザーが不在の間に何時間、何日も実行する場合に有効です。ユーザーが /cook または $cook と入力する、「cook」「go cook」「let it cook」「iterate until it matches」「match the references」「99%」「99.9%」「9/10 minimum」「at least 8h」と言う、または参照画像を添付してコードでの再現を求めると起動します。最初に一度だけ要件を確認し、その後、構築、静止画確認、コンテキストなしの批評、数値基準に基づく修正を繰り返します。ユーザーの承認があるまで最終レンダリングを保留します。
Crée, maintient ou migre le design system d'une application React avec Tailwind CSS v4 : tokens en source unique, thème shadcn/ui et daisyUI pointé sur les tokens, classes sémantiques (btn, btn-primary, card) du projet ou de daisyUI posées par les variantes CVA des composants (shadcn/ui sur Radix ou Base UI), sans data-slot, un dossier par composant, Storybook (pages Tokens et Classes, accessibilité bloquante) et lint des classes (ni valeur arbitraire ni couleur de la palette). Tire les tokens et les classes du code existant, range les composants ajoutés par la CLI de shadcn, et mesure l'écart aux conventions par un audit. Utiliser dès que la personne parle de design system, de tokens, de Storybook, de shadcn/ui, de daisyUI, de Radix, de Base UI, de classes sémantiques, de thème ou de mode sombre, d'uniformiser l'interface, de migrer des styles (Tailwind v3, CSS modules, bibliothèque de composants) ou d'ajouter un composant d'interface partagé, même sans dire « design system ».
記事をもとに、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年の振り返り、コーディングエージェントの利用状況の統計を求められた場合に使用します。
Use when making a launch film, game teaser, trailer, product promo or brand film from a brief in kinetic typography: huge type on every beat, whip pans, 3D letters, key art cut in, beat sync to generated music and sound effects, a 1080p or 4K render with motion blur. Not for a song the user already has (scenario-kinetic-music-video).
予約またはスケジュール管理アプリ向けに、双方向の 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 つのサーバーを複数のクライアントで再利用できます。
