context-pattern

name	context-pattern
description	Use when creating or refactoring shared React state with Context + useSyncExternalStore selectors; provides typed store/provider/hook patterns to avoid unnecessary rerenders and prop drilling.
argument-hint	[context goal] [state slices] [selector/dispatch names]
user-invokable	true
disable-model-invocation	false

Skill Instructions

Use this skill when the request matches React Context Pattern Guide.

Workflow

1. Read SOURCE.md for the full repository guidance.
2. Identify concrete constraints, conventions, and required outputs.
3. Apply the guidance directly to the current task, keeping changes minimal and repository-consistent. Don't validate results (tests/lint/build where relevant). Wait until I tell you this!
4. Summarize what was applied from this skill and where.

Input Guidance

When invoking this skill manually, include:

• Task goal
• Target files or modules
• Any constraints (performance, architecture, style, tests)