Frontend

Execute evidence-backed GitHub PR reviews with severity tagging, references, and merge-blocking guidance.

Astroプロジェクトの設計・実装・レビューを、HTML中心/Islands/JS最小化の思想で整理する。doc/rdd.md に「技術スタック Astro」があるリポジトリ、またはAstro/Islands/SSG/SSR/パフォーマンス最適化の相談で使う。

Guide for creating new GitHub repos and best practice for existing GitHub repos, applicable to both code and non-code projects

Arquitetura Python - Clean Architecture & Hexagonal. Use when designing architecture or reviewing code structure.

Otimização de Performance - React Native. Use when optimizing performance or profiling code.

Reviews implemented code for security, quality, performance, and test coverage using specialized review agents. Use when task file is in review/ directory and requires comprehensive code review before approval. Launches test-coverage-analyzer, error-handling-reviewer, and security-reviewer in parallel.

Performance Optimization - React Native. Use when optimizing performance or profiling code.

Cypress end-to-end testing guidance for opal-frontend, including Cucumber feature layout, tags, step definitions, Actions or Flows, selectors, and accessibility specs. Use when adding or updating E2E scenarios.

Herramientas React - Configuración y Optimización. Use when working with tooling.

Scaffold new Next.js API endpoints with authentication, rate limiting, and tests. Use when creating new API routes, adding endpoints, or building API features.

[CLAUDE CODE ONLY] Leverage Codex CLI for AI peer review, second opinions on architecture and design decisions, cross-validation of implementations, security analysis, and alternative approach generation. Requires terminal access to execute Codex CLI commands. Use when making high-stakes decisions, reviewing complex architecture, or when explicitly requested for a second AI perspective. Must be explicitly invoked using skill syntax.

Optimización de Rendimiento - React Native. Use when optimizing performance or profiling code.

Use when prompts produce inconsistent or unreliable outputs, need explicit structure and constraints, require safety guardrails or quality checks, involve multi-step reasoning that needs decomposition, need domain expertise encoding, or when user mentions improving prompts, prompt templates, structured prompts, prompt optimization, reliable AI outputs, or prompt patterns.

Estándares de Codificación React TypeScript. Use when reviewing code style or formatting.

React Tooling - Configuration and Optimization. Use when working with tooling.

Run local builds with proper environment setup. Use when building code locally to verify changes before pushing.

React/Next.jsのプロジェクトで、UI=計算モデル（コンポーネント/状態/レンダリング）を軸に、設計・実装・レビュー・性能改善の判断を整理する。doc/rdd.md に「技術スタック React」または「技術スタック Next.js」があるリポジトリ、あるいはReactの状態管理/レンダリング/Server Components/SSR/Streaming/バンドル/パフォーマンス相談で使う。

FigmaやUI要件を「壊れない・拡張しやすい」実装へ翻訳するための判断軸。px写経を避け、比率・構造・制約・状態を先に設計してからUIを組み立てる。

Arquitectura React - Organización y Patrones. Use when designing architecture or reviewing code structure.

Standardize code review execution with repeatable steps, evidence requirements, and confidence ceilings.