Frontend

react/react

Hook Claude Code

One of 2 in settings.json

Runs when a session starts, running an inline shell check. From react/react.

react/react

Settings file Claude Code

One of 2 in settings.json

Agent settings declaring 1 hook event (SessionStart) and 18 allowed tools.

react/react

Skill Claude CodeCodex

Use when feature flag tests fail, flags need updating, understanding @gate pragmas, debugging channel-specific test failures, or adding new flags to React.

react/react

Instructions file

Claude Code instructions for react/react, covering react, monorepo overview and current active work.

react/react

Agent Claude Code

Analyzes how a specific topic affects a group of compiler passes. Used by the /plan-update skill to parallelize research across all compiler phases. Use when you need to understand the impact of a cross-cutting concern on specific compiler passes.

react/react

Agent Claude Code

Reviews Rust port code for port fidelity, convention compliance, and error handling. Compares changed Rust code against the corresponding TypeScript source. Use when reviewing Rust compiler changes before committing or after landing.

react/react

Agent Claude Code

Investigates React compiler errors to determine the root cause and identify potential mitigation(s). Use this agent when the user asks to 'investigate a bug', 'debug why this fixture errors', 'understand why the compiler is failing', 'find the root cause of a compiler issue', or when they provide a snippet of code and…

react/react

Skill Claude CodeCodex

Orchestrate the Rust compiler port end-to-end. Discovers the current frontier, fixes failing passes, ports new passes, reviews, and commits in a loop.

react/react

Skill Claude CodeCodex

Use when you need to update a plan document with deep research across all compiler passes. Launches parallel subagents to analyze how a topic affects every compiler phase, then consolidates findings into the plan doc.

deepseek-ai/deepseek-harness

Skill Claude CodeCodex ✓ vendor

Record browser or Web UI interaction demos as optimized GIFs using the available built-in browser, state-based frame capture, and deterministic encoding, then attach the GIF to a pull request with gh --attach, falling back to a dedicated assets branch where attach cannot apply. Use when asked to make, record, or…

deepseek-ai/deepseek-harness

Skill Claude CodeCodex ✓ vendor

Create, modify, debug, or extend dynamic Cordis Plugins, including Host Services and Events, Client Slot and theme UI, Package-private Client-to-Host calls, dynamic Tools, version updates, approval failures, and runtime diagnostics. Use this Skill to route a user request to the correct platform and Inspect Provider…

anomalyco/opencode

Skill Claude CodeCodex

OpenCode Desktop should be RTL-aware. Use when implementing or reviewing RTL/LTR behavior in the web app, desktop app, CSS, menus, scrolling, resizing, icons, mixed-direction text, or Electron title bars.

anomalyco/opencode

Skill Claude CodeCodex

Build AI agents on Cloudflare Workers using the Agents SDK. Load when creating stateful agents, durable workflows, real-time WebSocket apps, scheduled tasks, MCP servers, or chat applications. Covers Agent class, state management, callable RPC, Workflows integration, and React hooks.

microsoft/vscode

Skill Claude CodeCodex ✓ vendor

Run chat perf benchmarks and memory leak checks against the local dev build or any published VS Code version. Use when investigating chat rendering regressions, validating perf-sensitive changes to chat UI, or checking for memory leaks in the chat response pipeline.

f/prompts.chat

Skill Claude CodeCodex

Translate "The Interactive Book of Prompting" chapters and UI strings to a new language.

langgenius/dify

Skill Claude CodeCodex

Use only when the user explicitly requests a review or audit of backend code under api/. Supports pending-change, file-focused, and pasted-diff reviews. Do not use for implementation-only requests, diagnosis without review intent, frontend code, or backend code outside api/.

langgenius/dify

Skill Claude CodeCodex

Use only when the user explicitly requests a review or audit of frontend code under web/ or packages/dify-ui/. Supports pending-change, file-focused, and pasted-diff reviews. Do not use for implementation-only requests, diagnosis without review intent, or backend-only code.

langgenius/dify

Skill Claude CodeCodex

Use when implementing or refactoring React/TypeScript components and the task requires decisions about component ownership, feature boundaries, state, data flow, effects, or interaction ownership. Do not use for review-only requests, test-only work, copy-only edits, or styling-only changes.

langgenius/dify

Instructions file CodexOpenCode

AGENTS.md instructions for langgenius/dify, covering agents.md, repository gotchas and frontend workflow.

anthropics/claude-code

Command ✓ vendor

Guided end-to-end plugin creation workflow with component design, implementation, and validation.

vercel/next.js

Skill Claude CodeCodex ✓ vendor

Benchmark React or Next.js changes on Vercel Sandbox VMs with paired A/B statistics: react PR/commit vs base, or Next.js PR/commit vs base, measured end-to-end through the bench/render-pipeline app (rps, latency, p95; TTFB, RSS and document/Flight bytes when the Next side captures them) and, for React changes, through…

vercel/next.js

Instructions file CodexOpenCode ✓ vendor

Instructions for vercel/next.js, covering next.js development guide, codebase structure, monorepo overview, core package: packages/next and other important packages.

vercel/next.js

Instructions file ✓ vendor

Instructions for vercel/next.js, a project described as: The React Framework.

vercel/next.js

Plugin Claude Code ✓ vendor

Bundles 4 skills · 436 tokens together

Official Next.js skills: adopt and optimize Cache Components, adopt Partial Prefetching, and verify runtime behavior against a running dev server.