Skip to content
cccskills
FreePublished on GitHub

nuxt-ui-tools

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.

The English summary is being prepared. Showing the original description.

See how to install

Files included (2)

  • SKILL.md2.1 KB
  • references/overview.md2.6 KB

SKILL.md (original)

Review the instructions the agent will receive before you install.

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

Reviews

No reviews yet. Tell others what you thought.

Comments

No login needed. Share how it worked for you, ask a question, or note where it did not run.

No comments yet. Be the first to write one.

Comments are published right away. Do not include personal information such as email addresses or phone numbers. Up to 2 URLs.

0 / 1,000 characters

This form is protected by reCAPTCHA, and the Google Privacy Policy and Terms of Service apply.

More skills from this repository

Use this skill for internal architecture work around config-driven, registry-driven, and pattern-driven feature design in the nuxt-ui-tools repository. Covers how to organize variant-heavy features, where to put implementations, and how to keep both internals and public APIs standardized.

The English summary is being prepared. Showing the original description.

ChronicStone/nuxt-ui-tools2Updated Oct 17, 2026

Use this skill when building analytics dashboards with nuxt-ui-tools as a package consumer. Covers schema and view functions (defineDashboardSchema, defineDashboardView) that take their context as typed params, useDashboard with a getter that rebuilds on input change, typed injection (useDashboardView, injectDashboard, InferDashboard, InferDashboardView), filters declared inline with the f builder and synced with the URL, memory, or an external store (one value per key across views), headless filters, filter controls and the shipped UI (UiDashboardPage, UiDashboardFilters, UiDashboardFilter, UiDashboardViewTabs) with slot overrides, remote paginated pickers and remoteTableOptions, staged queries (essential / background / deferred) with select and dependent requires, lazy enabled conditions on views, queries, and filters (blocks of disabled queries hidden, grids closing up), derived values, views (tabs), query-scoped filters, number formats (presets, Intl options, useDashboardFormat), and the dashboard blocks (stats with trends, goals, and comparisons, stat groups, gauges, unovis charts with highlights, value labels, and totals, lists with progress rings, bars, funnel, alerts, activity feeds, sortable tables, custom widgets) with their automatic loading, error, empty, and refresh states, card menus, header and footer actions, row actions, drill-down and selected state, card tabs, split cards, comparison periods, auto-refresh, and data freshness.

The English summary is being prepared. Showing the original description.

ChronicStone/nuxt-ui-tools2Updated Oct 17, 2026

Use this skill when previewing files with nuxt-ui-tools as a package consumer. Covers mounting UiFilePreviewProvider, opening one file or a gallery with useFilePreview() or useNuxtApp().$filePreview, file descriptors (URL, File/Blob, or a function that returns a signed URL), options (index, mode, gallery, loop, pdf page, callbacks), the returned handle, the built-in renderers (image, video, audio, PDF, text/JSON, CSV, Markdown, Office and archive fallbacks), renditions, download and custom header actions, the markdown render hook, custom renderers with defineFilePreviewRenderer and UiFilePreviewTools, theming tokens, and how the upload field uses the preview.

The English summary is being prepared. Showing the original description.

ChronicStone/nuxt-ui-tools2Updated Oct 17, 2026

Use this skill when working with the nuxt-ui-tools form runtime as a package consumer. It covers schema-driven forms, the provider-backed form API, inline rendering, overlay rendering, form pages with a section navigation, rich options (icon, avatar, chip, description, suffix, grouped menus, and renderOption/renderValue render functions on select, auto-complete, radio, and checkbox group), choice cards, and typed submit results.

The English summary is being prepared. Showing the original description.

ChronicStone/nuxt-ui-tools2Updated Oct 17, 2026

Use this skill when wiring nuxt-ui-tools translations in an app. Covers UiToolsProvider, locale objects, lazy schema text, and how package-owned UI copy differs from schema-owned text.

The English summary is being prepared. Showing the original description.

ChronicStone/nuxt-ui-tools2Updated Oct 17, 2026

Use this skill for internal i18n work in this repository. Covers locale ownership, provider wiring, lazy schema text contracts, and the maintenance surfaces that must stay in sync when package or playground translations change.

The English summary is being prepared. Showing the original description.

ChronicStone/nuxt-ui-tools2Updated Oct 17, 2026

See all skills by ChronicStone

Report a problem with this skill