构建一个 HTML 页面，从数据源（JSON/CSV 文件）加载跟踪，一次显示一个跟踪，并带有“通过/失败”按钮、自由文本注释字段以及下一个/上一个导航。将标签保存到本地文件 (CSV/SQLite/JSON)。然后使用以下指南自定义域。

检查文件是否符合 Web 界面指南。

这项技能是 Vue.js / Nuxt 项目中 VueUse 可组合项的决策和实现指南。它将需求映射到最合适的 VueUse 函数，应用正确的使用模式，并且更喜欢基于可组合的解决方案而不是定制代码，以保持实现简洁、可维护和高性能。

Vue.js 测试最佳实践、模式和常见问题。

Vue Router 最佳实践、常见问题和导航模式。

该技能基于 Vue Router v5.0.1，生成于 2026 年 1 月 31 日。

使用此技能作为指令集。按顺序遵循工作流，除非用户明确要求不同的顺序。

基于Vue 3.5。始终将 Composition API 与 <script setup lang="ts"> 结合使用。

UnoCSS 是一个即时原子 CSS 引擎，设计灵活且可扩展。核心是不固定的 - 所有 CSS 实用程序都是通过预设提供的。它是 Tailwind CSS 的超集，因此您可以重复使用 Tailwind 知识来进行基本语法的使用。

该技能基于 Tailwind CSS v4.1.18，生成于 2026 年 1 月 28 日。

该技能基于react-use v17.6.0，生成于2026年1月29日。

该技能基于 React Router v7.13.0，生成于 2026 年 1 月 31 日。

该技能基于 React Native Reusables（文档截至 2026 年 2 月 26 日），生成于 2026 年 2 月 26 日。

该技能基于 Expo SDK（来自 expo/expo repo 的文档），于 2026 年 2 月 26 日生成。

该技能基于 React Native，生成于 2026 年 1 月 31 日。

该技能基于React，生成于2026年1月31日。

Next.js 是一个用于构建全栈 Web 应用程序的 React 框架。它提供基于文件系统的路由、服务器组件、自动代码分割、图像优化和内置性能优化。 Next.js 支持静态站点生成 (SSG) 和服务器端渲染 (SSR)，使其成为构建现代 Web 应用程序的理想选择。

基于@hairy/react-lib v1.47.0。专注于用于构建 React 应用程序的 React 钩子和组件。

arch-webext-vue 技能涵盖 Vitesse WebExt ：一个由 Vite 支持的 WebExtension 启动器，包含 Vue 3、TypeScript、UnoCSS 和 webext-bridge。它使用多条目 Vite 进行弹出/选项/侧面板、后台和内容脚本的单独配置、动态清单生成以及共享设置和存储模式。使用此堆栈创建或维护浏览器扩展时，请使用这些技能。

arch-nuxt-module-builder 技能涵盖 @nuxt/module-builder ：构建和发布 Nuxt 模块的完整解决方案。它使用 unbuild，自动化模块构建配置，为 @nuxt/schema 生成类型和垫片，并将 src/runtime/ （插件、可组合项、组件）转换为 dist/runtime/ 。使用官方模块构建器堆栈创建或维护 Nuxt 模块时，请使用这些技能。