開発スキル

フレームワーク（OSS）。美しくネイティブ感のあるExpo画面を構築します。Apple HIGスタイリング、セマンティックカラー、ネイティブコントロール、SF Symbols、メディア、アニメーション、ビジュアルエフェクト、グラデーション、ストレージ、レスポンシブレイアウトをカバー。ルーティングとナビゲーションには、expo-routerスキルを使用してください。

フレームワーク（OSS）。Expo Routerのナビゲーションとルーティング。ファイルベースのルート、グループと動的ルート、フォルダ構成、プレビューとコンテキストメニュー付きのLink、ネイティブStack、ページタイトル、モーダルとフォームシート、NativeTabs、ヘッダーとツールバー、ヘッダー検索バーをカバー。

フレームワーク（OSS）。@expo/uiパッケージでネイティブUIを構築：iOSでは本物のSwiftUI、AndroidではJetpack ComposeをReactからレンダリングし、ExpoまたはReact Nativeアプリで動作。@expo/uiからインポートする汎用クロスプラットフォームコンポーネント（Host、Column、Row、Button、Text、Listなど）、人気のReact Nativeコミュニティライブラリのドロップイン代替（BottomSheet、DateTimePicker、Slider、Menuなど）、およびプラットフォーム固有のSwiftUI（@expo/ui/swift-ui、iOSのみ）とJetpack Composeをカバー。

フレームワーク（OSS）。Expo SDKのバージョンアップグレードと依存関係の問題修正のためのガイドライン

ロールベースのアクセス制御を備えた認証システム。個人データやアクセス制限付きデータを管理するすべてのアプリに必須です。

コアインフラストラクチャ。バックエンド接続設定、ストレージクライアント、Reactアプリのエントリポイントを提供します。

Admin-only paginated viewer for stable canister state. Use whenever the user asks for a viewer, dashboard, debug panel, or admin browse over backend data — users, items, orders, logs, or any stable Map/Set/Array/VarArray/List/Stack/Queue. Pre-installed in every Caffeine app via the `caffeineai-data-viewer` mops package; this skill explains what it does and how to keep using it correctly.

バックエンドキャニスター（フロントエンドではない）によって実行されるHTTPアウトコール。

一般的なファイル・オブジェクトストレージ。画像、動画、ファイル、ドキュメントなどの大量データに適しています。画像ギャラリー、動画ギャラリー、その他のファイルやオブジェクト管理に最適です。IC制限を超える大容量ファイルに対応し、ブラウザキャッシュされたHTTP URLアクセスを提供します。

MANDATORY recipe for every Caffeine build that calls OpenAI (ChatGPT, GPT-4o, an LLM, a chatbot, embeddings). The ONLY supported path is the `openai-client` mops package with a canister-side API-key bearer. Hand-rolling `ic.http_request` to `api.openai.com/v1/...` is a FORBIDDEN anti-pattern — it leaks the bearer across replicated outcalls (security + 13× billing impact), bypasses the typed request/response bindings, and forces hand-rolled JSON on a language with poor JSON support. Load this...

Make a canister's data queryable by the Caffeine Data Intelligence agent. Use whenever an app stores structured data (Maps/Lists/arrays of records) that should be answerable in natural language — "top customers", "revenue by region", "active projects". Adds a discoverable `schema()` and a JSON `execute()` query endpoint via the `caffeineai-oql` mops package's `Expose` mixin.

MANDATORY recipe for every Caffeine build that posts to X (Twitter). The ONLY supported path is the `x-client` mops package with OAuth 2.0 PKCE. Hand-rolling `ic.http_request` or `icBooking.http_request` calls to `api.x.com/2/tweets`, `api.x.com/2/oauth2/token`, or any other X endpoint is a FORBIDDEN anti-pattern — it bypasses bearer auth, replication-cost safeguards, and `x-client`'s null-field handling. Load this skill whenever the user, spec, or any prior task mentions tweeting,...

Quick reference for the Caffeine Data Intelligence agent to query an OQL-exposing canister (schema() + execute()) through the `icp` CLI against the project's `backend` canister: read the schema, form JSON queries (filter / order / paginate / aggregate / dotted-path edges), and parse the Candid result rows.

FastAPIルーターをCRUD操作、認証依存関係、適切なレスポンスモデル付きで作成します。REST APIエンドポイントの構築、新しいルートの作成、CRUD操作の実装、またはFastAPIアプリケーションへの認証付きエンドポイントの追加時に使用します。

Fastify Node.jsバックエンドサーバーとREST APIの開発を、TypeScriptまたはJavaScriptを使用してガイドします。Fastifyアプリケーションの構築、設定、デバッグ時（ルート定義、プラグイン実装、JSONスキーマ検証の設定、エラーハンドリング、パフォーマンス最適化、認証管理、CORSとセキュリティヘッダーの設定、データベース統合、WebSocketの操作、本番環境へのデプロイを含む）に使用します。Fastifyの完全なリクエストライフサイクル（フック、...

公式のFeature-Sliced Design (FSD) v2.1スキル。フロントエンドプロジェクトにメソドロジーを適用するためのもの。FSDレイヤーでプロジェクト構造を整理するタスク、コードの配置場所の決定、静的アセット（画像、アイコン、フォント、PDF）の配置、密接に関連するスライスのグループ化、公開APIとインポート境界の定義、クロスインポートの解決や@xパターンの評価、エンティティの作成または削除の判断、エンティティレイヤー自体が必要かどうかの評価、決定...

Claude Codeがffufを使用してインテリジェントなWebファジング操作を実行できるようにし、隠しディレクトリ、ファイル、サブドメイン、APIエンドポイントの発見を容易にします。

コードベースまたはUIを検索して、アニメーション化すべきだがされていない場所を見つけ、すべきでないものはすべて拒否します。読み取り専用です。正確な値でモーションを提案しますが、実装はしません。ユーザーが「ここで何をアニメーション化できるか？」と尋ねたり、「これをより生き生きと感じさせる」ことを望む場合に使用します。既存のアニメーションを修正するには、代わりにimprove-animationsまたはreview-animationsを使用してください。

エージェントスキルを発見、評価、インストールします。skills.sh、clawhub.ai、GitHubの主要レジストリすべてを一度に検索し、各ボードをネイティブ指標（インストール数/スター数）で表示、ボードごとにトップエントリを提示、トップ候補の実際のSKILL.mdをセキュリティスキャンして危険なパターンを検出、既にインストール済みのものをフラグ付けします。ユーザーが「Xをする方法」「Xのスキルを探す」「Xをするスキルはあるか」「Xのためにどのスキルをインストールすべきか」と尋ねたり、エージェントを拡張したい場合に使用します。

実装が完了し、すべてのテストが合格した際に使用し、作業の統合方法を決定する必要がある場合に利用します。マージ、PR、クリーンアップの構造化されたオプションを提示することで、開発作業の完了を導きます。

Firebase Remote Configの包括的なガイド。テンプレート管理とSDKの使用方法を含みます。ユーザーがRemote Configのセットアップ、機能フラグの管理、またはアプリの動作を動的に更新する際に、このスキルを使用してください。

Warp Rustコードベースのコンパイルエラー、リンティング問題、テスト失敗を修正します。presubmitチェック、WASM固有のエラー、特定のテストの実行をカバーします。ユーザーがビルドエラー、clippyやfmtの失敗、テスト失敗に遭遇した場合、またはPR前にpresubmitを実行・解釈する必要がある場合に使用します。

ユーザーがマーケティング目的（リード生成、SEO価値、ブランド認知）のための無料ツールを計画、評価、または構築したい場合。また、ユーザーが「エンジニアリングをマーケティングとして活用」「無料ツール」「マーケティングツール」「計算機」「ジェネレーター」「インタラクティブツール」「リード獲得ツール」「リード獲得のためのツール構築」「無料リソース」「ROI計算機」「評価ツール」「監査ツール」「無料ツールを構築すべきか」「リード獲得のためのツール」に言及する場合も使用します。誰かが何か役立つものを構築したいと考えているときに使用します。

汎用的なAIの美的感覚を避け、差別化されたプロダクションレベルのフロントエンドインターフェースを生成します。

戦略を優先し、差別化された非汎用的なUIとデザインアプリケーションを生み出す。プロジェクト（ランディングページ、SaaSアプリ、ダッシュボード、Eコマース、プレゼンテーション、ドキュメント、ポートフォリオなど）とそのポジショニングや個性を特定し、ブランドの形容詞にコミットし、タイポグラフィとカラーシステムに落とし込み、その後クラフトレイヤー（レイアウト、コンポーネントと状態、モーション、アイコン、画像、ダークモードとテーマ設定、アクセシビリティ）を適用する。AIスロップやクロード風のデフォルトを避ける。これは…

差別化された本番品質のフロントエンドインターフェースをレビュー・作成し、高いデザイン品質とデザインシステム準拠を実現します。3つの柱で評価：摩擦のない洞察からアクションへの流れ、高品質なクラフト、信頼できる構築。使用目的：PRレビュー、デザインレビュー、アクセシビリティ監査、デザインシステム準拠チェック、クリエイティブなフロントエンドデザイン、UIコードレビュー、コンポーネントレビュー、レスポンシブデザインチェック、テーマテスト、記憶に残るUIの作成。使用しない目的：バックエンドAPIレビュー、データベーススキーマレビュー、インフラストラクチャやDevOps作業、UIのない純粋なビジネスロジック、非フロントエンドコード。

Tailwind CSSによるカスタムテーマ、グラスモーフィズム効果、Framer Motionアニメーションを使用して、ダークテーマのReactアプリケーションを構築します。洗練されたダークな美観を持つダッシュボード、管理パネル、またはデータリッチなインターフェースを作成する際に使用します。

プロダクション品質で、アクセシブルでレスポンシブなユーザー向けUIを構築します。インターフェースやページの構築・修正、コンポーネントの作成、レイアウトの実装、WCAGアクセシビリティ要件の達成、状態管理を行う場合、または出力がAI生成ではなくプロダクション品質に見える必要がある場合に使用します。

デフォルトのLLM切り捨て動作を上書きします。完全なコード生成を強制し、プレースホルダーパターンを禁止し、トークン制限による分割を適切に処理します。網羅的で省略のない出力が必要なあらゆるタスクに適用してください。

Claude Codeのフックを設定し、危険なgitコマンド（push、reset --hard、clean、branch -Dなど）が実行される前にブロックします。ユーザーが破壊的なgit操作を防止したい場合、gitの安全フックを追加したい場合、またはClaude Codeでのgit push/resetをブロックしたい場合に使用します。