Agent Skills
› videojs/video.js
› write-html-component-design
write-html-component-design
GitHub用于撰写 HTML 组件设计记录，需用户明确请求。通过分析代码、测试及元数据，提炼非代码可解释的设计 rationale、边界及约束，保持简洁并链接源码，不生成 React 契约。
触发场景
用户明确要求编写 HTML 组件设计文档
需要梳理前端 UI 组件的设计决策与约束
安装
npx skills add videojs/video.js --skill write-html-component-design -g -y
SKILL.md
Frontmatter
{
"name": "write-html-component-design",
"description": "Write HTML design records. Use when the user explicitly requests one."
}
HTML component design records
Read internal/design/README.md, nearby records, and relevant HTML code, tests, exports, and package metadata.
- Require an explicit request. Use its path or the smallest UI record location, with HTML scope clear.
- State the element boundary and only the rationale or constraint that code and tests cannot explain.
- Cover ownership, anatomy, markup versus CSS, APIs, opt-outs, registration, 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 a React contract or companion record without a separate request.
Example
Input: “Write an HTML component design record for chapter selection.”
Output: A compact custom-element decision, its non-inferable rationale, and useful source links.
版本历史
- 8a0a3d8 当前 2026-10-20 08:03
