본문으로 건너뛰기
cccskills
무료GitHub에 공개

nuxt-ui-tools-reactivity

Use this skill for internal Vue reactivity and state-model work in the nuxt-ui-tools repository. Covers lean reactivity, query-state integration, when to use computed vs watch vs shallowRef, VueUse usage, and how to simplify over-layered state models.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

설치 방법 보기

포함된 파일(4)

  • SKILL.md1.1 KB
  • references/lean-reactivity.md751 B
  • references/query-state-integration.md790 B
  • references/vueuse.md572 B

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

nuxt-ui-tools Reactivity

Use this skill when the task is primarily about:

  • reactive state design
  • table/query-state integration
  • removing reactive waste
  • deciding between computed, watch, ref, and shallowRef
  • VueUse adoption

Read First

  • AGENTS.md
  • .agents/skills/nuxt-ui-tools-maintainer/SKILL.md
  • .agents/skills/nuxt-ui-tools-reactivity/references/lean-reactivity.md
  • .agents/skills/nuxt-ui-tools-reactivity/references/query-state-integration.md
  • .agents/skills/nuxt-ui-tools-reactivity/references/vueuse.md

Purpose

This skill exists to keep runtime state direct, explainable, and fast enough.

The goal is not just "make it reactive". The goal is:

  • minimal state duplication
  • minimal bridging layers
  • clear ownership of reactive values
  • easy explanation and easy refactoring

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

댓글

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. URL은 2개까지입니다.

0 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

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.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

ChronicStone/nuxt-ui-tools22026년 10월 17일 업데이트

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.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

ChronicStone/nuxt-ui-tools22026년 10월 17일 업데이트

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.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

ChronicStone/nuxt-ui-tools22026년 10월 17일 업데이트

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.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

ChronicStone/nuxt-ui-tools22026년 10월 17일 업데이트

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.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

ChronicStone/nuxt-ui-tools22026년 10월 17일 업데이트

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.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

ChronicStone/nuxt-ui-tools22026년 10월 17일 업데이트

ChronicStone의 스킬 모두 보기

이 스킬의 문제 신고