Frontend

Stratégie de Tests React. Use when writing tests, reviewing test coverage, or setting up testing.

FrankenPHP Documentation - Modern PHP application server built on Caddy

Codex guided reasoning mode for complex fixes with explicit checkpoints.

Compare a GitHub repository with connectrpc-axum. This skill should be used when the user provides a GitHub repository URL and wants to compare it with the current project. Analyzes user features, technical implementation, architecture patterns, code quality, tests, and documentation. Outputs comparison to docs/guide/compare/ directory.

Master advanced AgentDB features including QUIC synchronization, multi-database management, custom distance metrics, hybrid search, and distributed systems integration. Use when building distributed AI systems, multi-agent coordination, or advanced vector search applications.

Security - React Native Best Practices. Use when reviewing security, implementing auth, or hardening code.

Svelte/SvelteKitプロジェクトにおいて、UI=状態の直接的な反映という思想を軸に、コンパイル時最適化・状態管理・レンダリング・配信量の設計を整理する。doc/rdd.md に「技術スタック Svelte」または「技術スタック SvelteKit」がある場合や、Svelteの設計・パフォーマンス・構造理解の相談で使う。

React Native Architecture - Principles and Organization. Use when designing architecture or reviewing code structure.

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

Distinctive frontend design principles for avoiding generic AI defaults, implementing thoughtful typography/color/animations, and creating polished user experiences based on Claude Code design research

React Architecture - Principles and Organization. Use when designing architecture or reviewing code structure.

Arquitetura React Native - Princípios e Organização. Use when designing architecture or reviewing code structure.

Comprehensive validation system for Claude Code plugins to ensure compliance with official plugin development guidelines and prevent installation failures

Use when creating or publishing Claude Code hooks - covers executable format, event types, JSON I/O, exit codes, security requirements, and PRPM package structure

Modern web development patterns using React + Tailwind CSS + shadcn/ui for building production-quality, accessible, and performant web applications

Apply brand voice, tone, and style guidelines to written content across platforms. Use this skill when writing or editing content that needs to reflect a specific brand identity, adapting content for LinkedIn, Substack, X (Twitter), or other platforms while maintaining brand consistency. Triggers include requests to write on-brand content, apply brand voice, adapt content for platforms, or review content for brand alignment.

Architecture React Native - Principes et Organisation. Use when designing architecture or reviewing code structure.

Automated review rules for opal-frontend PRs. Use when asked to review code, run @codex review, or provide PR feedback; apply severity levels and the required comment format.

React-Architektur. Use when designing architecture or reviewing code structure.

Use when implementing any feature or bugfix, before writing implementation code - write the test first, watch it fail, write minimal code to pass; ensures tests actually verify behavior by requiring failure first