docs-voice
Installation
SKILL.md
React Docs Voice & Style
Universal Rules
- Capitalize React terms when referring to the React concept in headings or as standalone concepts:
- Core: Hook, Effect, State, Context, Ref, Component, Fragment
- Concurrent: Transition, Action, Suspense
- Server: Server Component, Client Component, Server Function, Server Action
- Patterns: Error Boundary
- Canary: Activity, View Transition, Transition Type
- In prose: Use lowercase when paired with descriptors: "state variable", "state updates", "event handler". Capitalize when the concept stands alone or in headings: "State is isolated and private"
- General usage stays lowercase: "the page transitions", "takes an action"
- Product names: ESLint, TypeScript, JavaScript, Next.js (not lowercase)
- Bold for key concepts: state variable, event handler
- Italics for new terms being defined: event handlers
- Inline code for APIs:
useState,startTransition,<Suspense> - Avoid: "simple", "easy", "just", time estimates
- Frame differences as "capabilities" not "advantages/disadvantages"
- Avoid passive voice and jargon
Related skills
More from reactjs/react.dev
react-expert
Use when researching React APIs or concepts for documentation. Use when you need authoritative usage examples, caveats, warnings, or errors for a React feature.
915docs-components
Comprehensive MDX component patterns (Note, Pitfall, DeepDive, Recipes, etc.) for all documentation types. Authoritative source for component usage, examples, and heading conventions.
59docs-sandpack
Use when adding interactive code examples to React docs.
57review-docs
Use when reviewing React documentation for structure, components, and style compliance
52docs-writer-learn
Use when writing or editing files in src/content/learn/. Provides Learn page structure and tone.
48docs-writer-blog
Use when writing or editing files in src/content/blog/. Provides blog post structure and conventions.
47