NuxtUI工具

ChronicStone2026-10-26查看 286复制 1659

当你作为消费者或集成者使用nuxt-ui-tools包时使用此技能。它提供当前包概览，并路由到表格、表单、仪表盘、文件预览、查询状态、共享响应式辅助工具、远程选项加载器和i18n用法。

📘如何使用这个技能

1
复制技能内容·点击上方「Copy SKILL.md」复制全部内容，或 Download 下载到本地
2
打开你的 AI 客户端·支持 Claude Code、Trae、Cursor、ChatGPT、DeepSeek、Kimi 等任意 AI 助手
3
粘贴为系统提示/知识文件·Claude Code：放入 .claude/skills/ 目录；普通对话：作为首条消息发送并说「请严格按这份技能文档执行」
4
直接提出你的需求·AI 会按技能定义的工作流、格式和约束来处理，无需再解释背景

💡 提示：技能生效后，每次对话只需一句需求，AI 会按 SKILL.md 的流程执行。

SKILL.md2148 chars

---
name: nuxt-ui-tools
description: Use this skill when working with the nuxt-ui-tools package as a consumer or integrator. It provides the current package overview and routes to table, form, dashboard, file preview, query-state, shared responsive helpers, remote option loaders, and i18n usage.
---

# nuxt-ui-tools

Use this skill first when the task is broadly about using this package and it is not yet clear which surface matters most.

Read first:

- `skills/consumer/package/references/overview.md`

## Current Package Reality

The current serious package surfaces are:

- table runtime
- form runtime
- dashboard runtime
- file preview runtime
- query-state runtime
- shared responsive helpers and remote option loaders

## Routing

If the task is about table setup, schema design, columns, filters, layouts, or `DataList`, use:

- `skills/consumer/table/SKILL.md`

If the task is about schema-driven forms, inline form rendering, provider-owned modal/drawer forms, or `useFormApi`, use:

- `skills/consumer/form/SKILL.md`

If the task is about analytics dashboards, KPI tiles, charts, staged queries, or dashboard params, use:

- `skills/consumer/dashboard/SKILL.md`

If the task is about previewing images, video, audio, PDFs, text, CSV, or Markdown files, galleries, or `useFilePreview`, use:

- `skills/consumer/file-preview/SKILL.md`

If the task is about importing Excel or CSV files, column matching, value reconciliation, or the import wizard, use:

- `skills/consumer/spreadsheet/SKILL.md`

If the task is about typed URL state, query params, codecs, or reusable URL-backed state, use:

- `skills/consumer/query-state/SKILL.md`

If the task is about breakpoint-aware values or reusable remote option loaders, use:

- `skills/consumer/shared/SKILL.md`

If the task is about package locale wiring, `UiToolsProvider`, or translation-friendly schema text, use:

- `skills/consumer/i18n/SKILL.md`

These sibling skills carry the feature-specific guidance.
This top-level skill is the package overview and router.

For package-wide constraints and current maturity notes, keep using:

- `skills/consumer/package/references/overview.md`

来源：skillsdirectory

NuxtUI工具

📘如何使用这个技能

评论0