write-api-reference
GitHub用于生成 Video.js API 参考文档,涵盖组件、钩子及工具函数。通过读取源码和测试规范,利用构建器生成 JSON 并编写 MDX 页面,确保元数据准确且符合框架兼容性要求。
触发场景
安装
npx skills add videojs/video.js --skill write-api-reference -g -y
SKILL.md
Frontmatter
{
"name": "write-api-reference",
"description": "Write generated Video.js API reference pages. Use for components, hooks, controllers, factories, builder compatibility, demos, or extracted JSDoc."
}
API reference
Treat TypeScript source and the builder E2E test as the specification. Generated JSON is diagnostic output, not an editable source.
Workflow
- Identify the export and read its implementation, public export path, tests, and any matching design record.
- Read
site/scripts/api-docs-builder/src/tests/e2e.test.tsto confirm the builder contract involved in the change. - Load only the needed reference:
- Component discovery or naming failure:
references/builder-conventions.md - Hook, controller, mixin, factory, or other utility:
references/util-conventions.md - New MDX reference page:
references/mdx-structure.md - New interactive example:
references/demo-patterns.md
- Component discovery or naming failure:
- Run
pnpm -F site api-docsand inspect the corresponding file undersite/src/content/generated-*-reference/. - Fix missing metadata at the TypeScript/JSDoc source or in the builder. Do not hand-edit generated JSON.
- Create or update the page and the matching
site/src/docs.config.tsentry when a page is required:site/src/content/docs/reference/components/<slug>.mdxfor components, skins, media, extensions, and the icon sets;site/src/content/docs/reference/api/<slug>.mdxfor hooks, features, controllers, factories, utilities, and presets (preset-<name>.mdx, in the API tab's Presets group). Keep each page in its sidebar tab's directory, because each tab's llms files are written where its pages share a directory. - Give extra exports a code heading or an
## Exportstable row, or list them inapiswhen neither fits, then runpnpm -F site check:api-stability(see the frontmatter section ofsite/src/content/docs/writing-style/write-references.mdx). - Verify the page for every supported framework/style combination it targets.
Component pages
- Derive props, state, data attributes, parts, tag names, and behavior from source.
- Add prose only for non-obvious behavior, styling contracts, accessibility, or platform constraints.
- Keep reference prose neutral and descriptive: state facts, let examples illustrate without teaching, and link how-to guides for tasks and concept pages for rationale (see
.agents/skills/write-docs/references/diataxis.md). - Include basic HTML and React demos when both platforms expose the component; follow existing neighboring demos when the reference guide leaves room for judgment.
Utility pages
- Confirm the export is reachable from a builder-scanned public entry point.
- Add
@publiconly when the export intentionally belongs in reference docs and naming-based discovery does not include it. - Verify generated overloads, parameters, and return data before authoring prose.
Validation
Run the builder E2E test for builder changes, pnpm -F site api-docs, and the narrowest site check that renders the affected page.
Example
Input: “Add the Menu component API reference.”
Output: Source JSDoc and builder-compatible metadata, verified generated output, MDX examples, navigation config, and site checks.
版本历史
- 8a0a3d8 当前 2026-10-20 08:03


