# Style Guide

> Use when: authoring, modifying, or reviewing Primer React components, hooks, utilities, or component APIs.

- Skill: `primer/style-guide` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add primer/style-guide`
- Raw SKILL.md: https://api.skillmd.com/api/skills/primer/style-guide/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: primer (https://skillmd.com/u/primer)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/primer/style-guide

---


# 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.

In addition, there are a set of topics below that may be used for guidance on a
specific topic. Consult this to see if any apply to the task at hand.

| Topic                 | Description                                                               | Link                                                     |
| :-------------------- | :------------------------------------------------------------------------ | :------------------------------------------------------- |
| Component prop naming | Use when deciding or evaluating the name for a prop in a React component. | [component-prop-naming](./docs/component-prop-naming.md) |