用途：该技能用于在回答 Hexagone 前端相关问题时，定位并读取对应的组件文档。Hexagone 前端基于 Vue.js 2，使用自定义组件库 @his/hexa-components、beta-scss 工具类，以及配合 vuex-pathify 的 Vuex 状态管理。文档站点为单页应用无法直接抓取，因此改用 GitLab 仓库中面向 LLM 优化的原始 Markdown 文件。
主要能力：覆盖 36 个组件（表单输入、导航操作、数据展示、用户反馈、布局等）、patterns（API 工具、Vuex store）、reference（自定义指令、事件、表单校验规则）。提供标签到文件的快速查找表，以及无需抓取即可直接使用的 beta-scss 工具类与图标说明。
使用方式：先根据用户问题映射到具体文档文件，再用 WebFetch 抓取原始 Markdown，例如：WebFetch: url="${BASE_RAW_URL}<file-path>" prompt="Return the full content of this markdown file"，其中 BASE_RAW_URL = https://gitlab-erp-pas.dedalus.lan/erp-pas/hexagone/frontend/hexagone-documentation/-/raw/master/docs/llm/。只抓取所需文件，不要一次抓取全部。抓取失败时提示 GitLab 实例不可达，并建议直接访问文档站点或浏览源码仓库。
关键约定：使用自定义标签，如 <btn> 而非 <button>、<multiselect> 而非 <select>、<data-table> 而非 <table>；组件全局注册无需导入；表单字段需包裹在 <div class="input-field"><label for="id">Label</label><!-- component --></div> 中；使用 beta-scss 工具类；通过 this.$store.get() / this.$store.set() 访问 store。选项少于 6 个时用 <btn-group> 而非 <multiselect>。
限制：必须从 GitLab 仓库抓取，不得凭记忆或通用 Vue.js 知识作答；不得编造 props、事件或组件行为，文档中未找到需明确说明；涉及从前端视图调用 Hexagone 后端 Web 服务时，建议配合 hexagone-swdoc 技能获取 API 契约。