optimizing-performance
Frontend performance optimization with data-driven approach. Use when optimizing page load times, improving Web Vitals, or when user mentions performance, Web Vitals, LCP, FID, CLS, パフォーマンス最適化, 速度改...
Discover Testing & security skills, compare source repositories and read the instructions for each workflow.
Frontend performance optimization with data-driven approach. Use when optimizing page load times, improving Web Vitals, or when user mentions performance, Web Vitals, LCP, FID, CLS, パフォーマンス最適化, 速度改...
Generate environment setup guide documentation from codebase analysis. Detects package managers, required tools, environment variables, and startup commands. Triggers: setup guide, environment setup, developmen...
CSS-first approach - use CSS before JavaScript. Triggers: レイアウト, スタイル, 位置, アニメーション, 表示/非表示, トグル, レスポンシブ, CSS Grid, Flexbox, transforms, transitions, CSSのみ, JavaScript不要, シン...
Generate domain documentation from codebase analysis - entities, glossary, relationships. Use when analyzing domain models, creating glossaries, or when user mentions domain model, entity diagram, ドメインモデ...
Storybook integration with spec.md. Auto-generates Stories from Component API. Use when creating Storybook stories, defining component APIs, or when user mentions storybook, stories, props, argTypes, variants,...
Browser automation using agent-browser CLI. Best for E2E testing, demos, screenshots. Use when automating browser interactions, creating E2E tests, or when user mentions browser automation, E2E test, ブラウザ操...
TypeScript type safety patterns and best practices for maximum type coverage. Triggers: TypeScript, type safety, any, 型安全, 型カバレッジ, strict mode.
Fundamental software principles - SOLID, DRY, Occam's Razor, Miller's Law, YAGNI, Readable Code. Triggers: 原則, シンプル, 複雑, アーキテクチャ, リファクタリング, 保守性, コード品質, design pattern, best practi...
Command workflow orchestration patterns for /code, /fix, /audit, and other implementation commands. Use when implementing features with /code, /fix, /audit commands, or when user mentions workflow, ワークフロー...
CLI tools guide for git, gh, npm, and other development tools. Triggers: git, gh, npm, CLI, コマンドライン, バージョン管理, ブランチ, コミット.
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
Code readability review based on "The Art of Readable Code" and Miller's Law (7±2). Use when reviewing code clarity, improving naming, or when user mentions 可読性, 理解しやすい, わかりやすい, 明確, 命名, 変数...
Access Google Sheets and Docs via gcloud CLI. Use when user shares a Google Sheets/Docs URL or mentions スプレッドシート, Sheets, Docs, Google ドキュメント.
Structured ADR creation in MADR format. Triggers: ADR, Architecture Decision, 決定記録, 技術選定, アーキテクチャ決定, design decision, 技術的決定, 設計判断, deprecation, 非推奨化, process change, プロセス変更
OWASP Top 10-based security review and vulnerability detection. Triggers: security, OWASP, XSS, SQL injection, セキュリティ, 脆弱性, vulnerability.
Generate domain documentation from codebase analysis - entities, glossary, relationships. Triggers: domain model, entity diagram, ドメインモデル, 用語集, glossary, ubiquitous language.
Silent failure detection patterns for frontend code. Triggers: silent failure, empty catch, エラーハンドリング, 握りつぶし, swallowed error.
Testable code design patterns for TypeScript/React applications. Triggers: testability, DI, dependency injection, テスト容易性, モック, mock-friendly.
Framework-agnostic frontend component design patterns.
Generate architecture overview documentation from codebase analysis. Uses tree-sitter-analyzer for precise code structure extraction. Use when documenting project structure, creating architecture diagrams, or w...
Generate environment setup guide documentation from codebase analysis. Detects package managers, required tools, environment variables, and startup commands. Use when creating setup guides, documenting environm...
TDD with RGRC cycle and Baby Steps methodology. Triggers: TDD, test-driven, RGRC, Baby Steps, テスト駆動, Red-Green-Refactor.
Browser automation using agent-browser CLI. Best for E2E testing, demos, screenshots. Use when automating browser interactions, creating E2E tests, or when user mentions browser automation, E2E test, ブラウザ操...
Frontend performance optimization with data-driven approach. Triggers: performance, Web Vitals, LCP, FID, CLS, パフォーマンス最適化, 速度改善, bundle size.
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.