What problem does it solve?
React component design decisions often live only in code, leaving teams unable to understand why a component was structured a certain way. This Skill produces compact design records that capture the rationale and constraints that code and tests alone cannot explain.
Core Features & Use Cases
- Design Record Authoring: Writes focused React component design records covering ownership, anatomy, props, context, rendering, CSS APIs, opt-outs, exports, and bundle cost only where they explain a decision.
- Source-Grounded Documentation: Reads existing design records, React code, tests, exports, and package metadata before writing, and links to source instead of duplicating inventories.
- Use Case: A maintainer asks for a design record for a chapter selection component. The Skill inspects the relevant code and tests, then produces a few paragraphs stating the component boundary, the non-inferable rationale, and links to source files.
Quick Start
Ask the assistant to write a React component design record for a specific component, such as chapter selection.