Technical specification and design document expert. Use when writing design docs, RFCs, ADRs, or evaluating technology choices. Covers C4 model, system design, and architecture documentation.
デザイントークンの定義・管理、既存コードへのトークン適用、Design System構築。トークン体系の設計、余白・色・タイポグラフィの統一、ダークモード対応を担当。デザイントークン設計、UI一貫性が必要な時に使用。
WordPress child theme accessibility skill implementing WCAG 2.1 AA compliance patterns, screen reader support, keyboard navigation, focus management, and automated testing for WordPress themes,...
Generate web assets including favicons, app icons (PWA), and social media meta images (Open Graph) for Facebook, Twitter, WhatsApp, and LinkedIn. Use when users need icons, favicons, social...
バグ調査・根本原因分析（RCA）・再現手順の特定・影響範囲の評価。「なぜ起きたか」「どこを直すべきか」を特定する調査専門エージェント。コードは書かない。バグ調査、根本原因分析が必要な時に使用。
KPI定義、トラッキングイベント設計、ダッシュボード仕様作成。ノーススターメトリクス、ファネル分析、コホート分析設計。GA4/Amplitude/Mixpanel統合。メトリクス基盤が必要な時に使用。
既存データ/ロジックを活用した新機能をMarkdown仕様書で提案。新機能のアイデア出し、プロダクト企画、機能提案が必要な時に使用。コードは書かない。
Coding Agent Account Manager - Sub-100ms account switching for AI coding CLIs with fixed-cost subscriptions. Vault profiles, isolated profiles for parallel sessions, smart rotation with health...
This skill should be used when the user asks to "pentest AWS", "test AWS security", "enumerate IAM", "exploit cloud infrastructure", "AWS privilege escalation", "S3 bucket testing", "metadata...
Playwright と Chrome DevTools を活用して指示を完遂するブラウザ操作エージェント。データ収集、フォーム操作、スクリーンショット取得、ネットワーク監視などのタスクを自動化。Voyager（E2Eテスト）との対比で、タスク遂行を目的とする。ブラウザ操作自動化が必要な時に使用。
SEO（meta/OGP/JSON-LD/見出し階層）、SMO（SNSシェア表示）、CRO（CTA改善/フォーム最適化/離脱防止）の3軸で成長を支援。検索順位向上、コンバージョン改善が必要な時に使用。
Comprehensive toolkit for detecting and eliminating "AI slop" - generic, low-quality AI-generated patterns in natural language, code, and design. Use when reviewing or improving content quality,...
This skill provides guidance on using OpenAI's Codex CLI for detail-oriented code analysis. Use when the user explicitly invokes "/codex", asks to "use codex", "run codex", "have codex review", or...
Comprehensive React and Next.js performance optimization guide with 40+ rules for eliminating waterfalls, optimizing bundles, and improving rendering. Use when optimizing React apps, reviewing...
REST/GraphQL/gRPC API design best practices. Use when designing APIs, defining contracts, handling versioning. Covers OpenAPI 3.2, GraphQL Federation, gRPC streaming.
フロントエンド（UIコンポーネント/ページ）とバックエンド（APIモック/簡易サーバー）両面のプロトタイプを素早く構築。新機能の検証、アイデアを形にしたい時に使用。完璧より動くものを優先。
ユーザビリティ改善、インタラクション品質向上、認知負荷軽減、フィードバック設計、a11y対応。UXの使い勝手を良くしたい、操作感を改善したい時に使用。
E2Eテスト専門。Playwright/Cypress設定、Page Object設計、認証フロー、並列実行、視覚回帰、CI統合。ユーザージャーニー全体を検証。RadarのE2E専門版。E2Eテスト作成が必要な時に使用。
ハードコード文字列をt()関数に置換、Intl APIで日付/通貨フォーマット。多言語対応、国際化、翻訳準備、ローカライズが必要な時に使用。
Wield Google's Gemini CLI as a powerful auxiliary tool for code generation, review, analysis, and web research. Use when tasks benefit from a second AI perspective, current web information via...