前言¶
多人协作的前端项目里，最常见的问题不是技术选型，而是约定不一致：同样一个组件目录，有人叫 components，有人叫 ui；同样是状态管理，Vue 项目里混用 Vuex 和 Pinia 风格；Git 提交信息一个人写 fix bug，另一个人写 fix: 修复列表分页。新成员只能靠翻代码和问人来补这些约定，成本高且容易漏。
下面介绍的是一个把前端开发规范本身作为内容的 Skill：@user_27ccabd4/frontend-spec，名称「前端开发规范」，版本 1.0.0，来源为社区（community），分类 dev-programming。它面向的是「规范散落在文档和口口相传里」这一场景，把命名、目录、CSS/JS/TS、Vue/React、Git、构建、性能、安全九个方面的约定收进一个可检索的 Skill 中，供 Agent 在开发时调用。
这是什么¶
这是一个社区发布的前端规范类 Skill，坐标为 @user_27ccabd4/frontend-spec，版本号 1.0.0，来源标记为 community，不需要 API Key（requires_api_key=false）。
它和「代码生成 Skill」的区别是：它输出的是约定和判断标准，而不是直接产出组件代码。使用时通常由 Agent 先查阅规范，再按规范生成或审查代码。这类 Skill 基于通用的 SKILL.md 格式，是否能被调用取决于所挂载的 Agent 客户端是否支持该格式。
覆盖的规范范围¶
按其简介，规范覆盖以下九块内容：
- 命名：变量、组件、文件、目录的命名约定。
- 目录：项目目录结构的组织方式。
- CSS：样式组织、选择器与覆盖层级相关的约定。
- JS：脚本层面的写法约定。
- TS：类型定义、类型导出等相关约定。
- Vue：Vue 项目中组件、状态、生命周期等约定。
- React：React 项目中组件、Hooks、状态等约定。
- Git：分支、提交信息格式等约定。
- 构建与工程：构建配置、性能与安全相关要求。
需要说明的是，以上是该 Skill 自述的覆盖范围，具体条款未在公开资料中逐条展示，实际内容需以 Skill 包内的 SKILL.md 为准。
安装与启用¶
该 Skill 在 SkillHub 上的页面为 https://www.skillhub.cn/skills/user_27ccabd4/frontend-spec，接口地址为 https://api.skillhub.cn/org-b6kzcl68/frontend-spec。
当前公开资料中未给出安装命令与客户端配置字段，因此这里不提供 npm / npx / 配置文件等具体写法。可核实的只有页面统计：评分 100000，下载 43930 次，安装 281 次，分类为 dev-programming，发布者 user_27ccabd4。
实际安装前建议先打开上面的 SkillHub 页面，确认该 Skill 当前版本是否仍为 1.0.0，以及页面是否补充了安装与挂载说明。
典型用法¶
公开资料未提供可复现的调用示例，因此此处只给出这类规范型 Skill 的一般使用方式，具体参数以 Skill 包内说明为准。
- 让 Agent 先加载该 Skill，明确当前项目要遵循的规范范围。
- 在写新代码时，让 Agent 先给出规范要点，再据此生成文件、目录或提交信息。
- 在代码评审时，让 Agent 按规范条目逐项比对，指出不符合约定的位置。
适用场景与注意¶
适合的场景：团队规范已经成型但缺少统一文档，希望 Agent 在开发和评审中按同一套约定工作；或项目同时包含 Vue 与 React 代码，需要区分两套约定。
需要注意的地方：
- 版本号为 1.0.0，来源为 community，条款的权威性取决于发布者，团队应当先审阅内容再采用。
- 规范类 Skill 只约束写法，不保证代码逻辑正确，仍需配合测试与构建校验。
- Vue 与 React 两套约定同时存在时，需要按项目实际使用的技术栈选取，避免混用。
- 页面统计（下载 43930 次、安装 281 次）只能说明传播情况，不代表规范质量。
结尾¶
这个 Skill 的价值在于把前端规范从「文档里的一段话」变成 Agent 可以直接查阅和执行的条目，减少因约定不统一产生的返工。它不替代工程规范评审，只提供一种更省事的规范传递方式。
官方地址：https://www.skillhub.cn/skills/user_27ccabd4/frontend-spec（接口地址 https://api.skillhub.cn/org-b6kzcl68/frontend-spec）。
