---
name: style-guide
description: 'Use when: authoring, modifying, or reviewing Primer React components, hooks, utilities, or component APIs. Covers applying contributor-docs/style.md, including the spectrum of abstraction, presentational components, behavior hooks, config components, accessibility primitives, props, hooks, SSR, and CSS conventions.'
---

# Primer React Style Guide

Use this skill when creating, modifying, or reviewing Primer React components,
hooks, utilities, or component APIs.

Before authoring component code, read `contributor-docs/style.md` and apply the
guidelines that are relevant to the change. The style guide is the source of
truth for component API design and implementation conventions in this
repository.

When proposing, implementing, or reviewing a component change, explicitly apply
the relevant style-guide principles to the design. If a change intentionally
deviates from the style guide, call out the reason.