Agent Skills
› videojs/video.js
› write-react-component-design
write-react-component-design
GitHub根据用户明确请求，编写React组件设计记录。通过阅读相关代码、测试和文档，提炼组件边界、约束及非显而易见的设计 rationale，生成简洁的决策文档并链接源码。
触发场景
用户明确要求编写React组件设计记录
提供组件路径或UI记录位置
安装
npx skills add videojs/video.js --skill write-react-component-design -g -y
SKILL.md
Frontmatter
{
"name": "write-react-component-design",
"description": "Write React design records. Use when the user explicitly requests one."
}
React component design records
Read internal/design/README.md, nearby records, and relevant React code, tests, exports, and package metadata.
- Require an explicit request. Use its path or the smallest UI record location, with React scope clear.
- State the component boundary and only the rationale or constraint that code and tests cannot explain.
- Cover ownership, anatomy, props, context, rendering, CSS APIs, opt-outs, exports, or bundle cost only when they explain the choice.
- Link source instead of copying inventories or mechanics. Include alternatives or consequences only when material.
Keep it to a few paragraphs. Do not add an HTML contract or companion record without a separate request.
Example
Input: “Write a React component design record for chapter selection.”
Output: A compact React decision, its non-inferable rationale, and useful source links.
版本历史
- 8a0a3d8 当前 2026-10-20 08:04
