LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。

带有该标签的 Skills:vue

浏览带有该标签的技能列表。

  • gsap-frameworks - Vue、Svelte 与 Nuxt 的 GSAP 动画集成指南
    gsapvuesveltenuxt

    ★ 1 · 更新于 2026-09-23

    指导在 Vue、Svelte、Nuxt 等非 React 框架中使用 GSAP 进行动画开发,涵盖生命周期管理、选择器作用域限制与组件卸载清理。

    ⚙ 使用 gsap.context 限制选择器作用域⚙ 在 Vue 生命周期中管理动画⚙ 在 Nuxt 中按需延迟加载插件
  • mapbox-web-integration-patterns - 主流 Web 框架的 Mapbox GL JS 集成范式
    mapboxmapbox-gl-jsreactvue

    ★ 0 · 更新于 2026-09-23

    提供 Mapbox GL JS 在 React、Vue、Svelte、Angular 及 Next.js 等框架中的集成范式,涵盖生命周期、Token、搜索及常见错误。

    ⚙ 集成 Mapbox GL JS 到框架⚙ 管理地图生命周期与清理⚙ 安全配置 Mapbox 访问令牌
  • mapbox-web-integration-patterns - Mapbox GL JS Web 框架集成模式
    mapboxmapbox-gl-jsreactvue

    ★ 0 · 更新于 2026-09-23

    提供 Mapbox GL JS 在 React、Vue、Svelte、Angular、Next.js 及原生 JS 中的官方集成模式。

    ⚙ 集成 Mapbox GL JS⚙ 管理地图组件生命周期⚙ 配置 Mapbox 访问令牌
  • prism - 渲染具有清晰视觉层级的结构化 HTML 文档。
    HTMLVue文档UI

    ★ 56 · 更新于 2026-09-21

    利用 Vue 组件编写结构化 HTML 文档模板,并将其构建为自包含的单文件 HTML。

    ⚙ 渲染结构化 HTML 文档⚙ 组合 Vue UI 组件⚙ 构建单文件 HTML 输出
  • n-rate - Naive UI n-rate 评分组件
    naive-uivue评分组件

    ★ 8 · 更新于 2026-09-20

    提供 Naive UI n-rate 评分组件的使用说明和示例。

    ⚙ 渲染基础评分组件⚙ 配置评分尺寸与颜色⚙ 支持半星精度评分
  • viya-ui-warehouse-structure - Viya UI Warehouse 组件结构指南
    vuestorybookui组件库组件结构

    ★ 1 · 更新于 2026-09-20

    提供 viya-ui-warehouse Storybook 组件库的目录结构、编码规范与组件开发模式。

    ⚙ 创建共享 UI 组件⚙ 修改现有 UI 组件⚙ 组织 Vue 组件文件结构
  • nuxt4-patterns - Nuxt 4 框架 SSR 与混合渲染最佳实践规范
    nuxt4ssrvue水合

    ★ 1 · 更新于 2026-09-20

    提供适用于 Nuxt 4 应用的水合安全规范、按路由组渲染策略、SSR 安全数据获取及延迟加载技术指南。

    ⚙ 修复水合不一致问题⚙ 配置路由组渲染策略⚙ 实现 SSR 安全数据获取
  • nuxt-tanstack-mastery - Nuxt 3 与 TanStack Query 开发指南
    vuenuxttanstack-querypinia

    ★ 18 · 更新于 2026-09-16

    提供 Vue 3、Nuxt 3 与 TanStack Query 开发的架构设计、数据获取、调试、性能优化与安全加固指南。

    ⚙ 初始化 Nuxt 3 项目架构⚙ 集成 TanStack Query 数据获取⚙ 调试 Vue 与 Nuxt 应用
  • markstream-install - 安装与配置 Markstream 流式 Markdown 渲染器
    markstreammarkdown流式渲染vue

    ★ 1 · 更新于 2026-09-16

    为 Vue、React、Svelte、Angular、Nuxt、Next.js 和 Vue 2 应用安装及配置 Markstream 流式 Markdown 渲染器。

    ⚙ 检查宿主应用依赖项⚙ 安装特定框架的 Markstream 包⚙ 配置 CSS 样式导入顺序
  • documentar-projeto-laravel-vue - 生成 Laravel 和 Vue 项目需求文档
    laravelvue文档生成需求文档

    ★ 0 · 更新于 2026-09-14

    从项目根路径生成 Markdown 格式的系统需求文档,重点关注 Laravel 与 Vue 项目的业务规则及数据来源。

    ⚙ 读取项目上下文与结构⚙ 提取模块业务规则⚙ 映射数据来源与流向
  • inertia-rails - 构建 Rails 与 Inertia.js 应用程序。
    railsinertia-js全栈开发vite

    ★ 33 · 更新于 2026-09-14

    指导构建 Rails 与 Inertia.js 应用,涵盖环境配置、页面生成、表单校验、数据共享与测试调试。

    ⚙ 在 Rails 中配置 Inertia⚙ 创建 Inertia 页面⚙ 构建带验证功能的表单
  • new-composable - 为 TrackGrowth 应用创建新的 composable
    vuecomposabletrackgrowth前端

    ★ 0 · 更新于 2026-09-12

    引导在 TrackGrowth 中创建可复用的响应式逻辑 composable,遵循项目文件结构与架构规范。

    ⚙ 评估使用 composable 或 Pinia store⚙ 创建 composable 目录及文件结构⚙ 实现响应式状态和衍生逻辑
  • vue-testing-best-practices - Vue.js 测试最佳实践与模式
    vue测试vitestvue-test-utils

    ★ 1 · 更新于 2026-09-11

    提供基于 Vitest、Vue Test Utils 及 Playwright 进行 Vue.js 测试的最佳实践与问题排查指南。

    ⚙ 搭建 Vue 测试基础设施⚙ 应用黑盒组件测试方法⚙ 处理异步测试竞态条件
  • vue-testing-best-practices - Vue.js 测试最佳实践与模式
    vue测试vitestvue-test-utils

    ★ 0 · 更新于 2026-09-11

    提供涵盖 Vitest、Vue Test Utils、组件测试、Mock 以及 Playwright E2E 测试的 Vue.js 测试最佳实践。

    ⚙ 搭建 Vue 3 测试基础设施⚙ 应用组件黑盒测试方法⚙ 解决异步测试竞态条件
  • vue - json-render 的 Vue 3 渲染器
    vuejson-renderui渲染器组件注册表

    ★ 17,949 · 更新于 2026-09-09

    将 JSON 规范转换为具有数据绑定、动态可见性、动作处理及流式传输能力的 Vue 3 组件树。

    ⚙ 将 JSON 规范渲染为 Vue 组件⚙ 定义类型安全的组件注册表⚙ 管理组件状态与数据绑定
  • nanostores - 轻量级 JavaScript 状态管理库
    状态管理轻量级框架无关react

    ★ 602 · 更新于 2026-06-15

    使用原子、映射和计算存储管理应用状态

    ⚙ 创建原子存储⚙ 创建映射存储⚙ 创建计算存储
  • vuejs-best-practices - Vue 3 和 Nuxt 3 最佳实践
    vuevue3nuxtnuxt3

    ★ 1 · 更新于 2026-05-28

    包含50+规则的 Vue 3 和 Nuxt 3 性能优化综合指南

    ⚙ 优化 Vue 组件⚙ 应用响应式模式⚙ 减少打包体积
  • components - Vue组件
    vue组件单文件组件前端开发

    ★ 197 · 更新于 2026-05-11

    使用标记、逻辑和样式构建可重用的UI模块,作为Vue应用程序的基础构建块。

    ⚙ 创建单文件组件⚙ 定义响应式状态⚙ 通过props传递数据
  • ts-foundation-restorer - TypeScript 基础恢复以解决编译错误
    typescript编译类型系统基础

    ★ 602 · 更新于 2026-05-11

    系统地恢复 TypeScript 基础,修复缺失的接口属性、重建存储方法并解决类型定义问题

    ⚙ 分类 TypeScript 错误⚙ 修复缺失的接口属性⚙ 重建存储方法
  • link-ui-overview - Link工程PC端开发与组件库使用指南
    vue组件库PC开发link项目

    ★ 0 · 更新于 2026-03-24

    Link工程PC端开发说明与link-ui组件库使用说明

    ⚙ 阅读开发文档⚙ 参考link-ui组件⚙ 查看代码示例

Scroll to load more