@gallopsystems/agent-skills 1.6.0 → 1.6.1

package/README.md

@@ -95,7 +95,6 @@ Covers:
 - useFetch vs $fetch vs useAsyncData
 - Type inference (don't add manual types!)
 - nuxt-auth-utils (OAuth, WebAuthn, middleware)
-- Page structure (keep pages thin)
 - Composables vs utils
 - SSR + localStorage patterns
 - Deep linking (URL params sync)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gallopsystems/agent-skills",
-  "version": "1.6.0",
+  "version": "1.6.1",
   "description": "Gallop Systems Claude Code skills, symlinked into .claude/skills on install.",
   "license": "UNLICENSED",
   "repository": {

package/plugins/nuxt-nitro-api/skills/nuxt-nitro-api/SKILL.md

@@ -31,9 +31,7 @@ For detailed patterns, see these topic-focused reference files:
 - [auth-patterns.md](./auth-patterns.md) - nuxt-auth-utils, OAuth, WebAuthn, middleware
 - [error-handling.md](./error-handling.md) - createError (fatal), error.vue, clearError, NuxtErrorBoundary
 - [state-management.md](./state-management.md) - useState (never a module-scope ref), clearNuxtState, callOnce
-- [page-structure.md](./page-structure.md) - Keep pages thin, components do the work
 - [composables-utils.md](./composables-utils.md) - composables vs utils, runtimeConfig public/private, runWithContext
-- [formatters.md](./formatters.md) - Centralize currency/date/number formatters in useFormatters, never inline
 - [ssr-client.md](./ssr-client.md) - SSR + localStorage, hydration, useRequestURL/Headers, useCookie, VueUse
 - [deep-linking.md](./deep-linking.md) - URL params sync with filters and useFetch
 - [caching.md](./caching.md) - defineCachedFunction/EventHandler, SWR, per-key invalidation (Nitro v2)
@@ -62,7 +60,7 @@ Working examples from a Nuxt project:
 2. **Use h3 validation** - `getValidatedQuery()`, `readValidatedBody()` with Zod schemas
 3. **Composables for context, utils for pure functions** - Composables access Nuxt context, utils are pure
 4. **SSR-safe code** - Guard browser APIs with `import.meta.client` or `onMounted`
-5. **Keep pages thin** - Pages = layout + route params + components. Components own data fetching and logic.
+5. **Keep pages thin** - Pages = layout + route params + components. Components own data fetching and logic. (Page composition + display formatting now live in the `vue-nuxt` skill.)
 
 ## Auto-Imports Quick Reference
 

package/plugins/nuxt-nitro-api/skills/nuxt-nitro-api/composables-utils.md

@@ -82,7 +82,7 @@ export const usePermissions = () => {
 > **Formatters belong in one shared place.** The examples below show util *placement*,
 > not where to call formatters from. Never define a currency/date/number formatter inline
 > at the call site — centralize them in `useFormatters` or a shared util, and prefer
-> VueUse / date-fns over hand-rolling. See [formatters.md](./formatters.md).
+> VueUse / date-fns over hand-rolling. See the `vue-nuxt` skill's `formatters.md`.
 
 ```typescript
 // utils/formatting.ts

package/plugins/vue-nuxt/skills/vue-nuxt/SKILL.md

@@ -1,15 +1,15 @@
 ---
 name: vue-nuxt
-description: Author Vue 3 components inside a Nuxt 4 app. Covers Nuxt auto-import rules, component authoring (props/emits/withDefaults/generics), v-model/defineModel, reactivity, when watch is a code smell, and Vue-shaped template idioms.
+description: Author Vue 3 components inside a Nuxt 4 app. Covers Nuxt auto-import rules, component authoring (props/emits/withDefaults/generics), v-model/defineModel, slots, composables, reactivity, when watch is a code smell, page structure, display formatting, and Vue-shaped template idioms.
 ---
 
 # Vue-in-Nuxt component authoring
 
 Patterns for writing Vue 3 `<script setup>` components inside a Nuxt 4 app. This
 is the **frontend authoring** slice — the data layer (`useFetch`/`$fetch`, SSR
-storage, hydration, `definePageMeta`/auth, formatters) lives in the
-`nuxt-nitro-api` skill; Volt/PrimeVue styling and dark mode live in
-`volt-primevue`. This skill cross-links to those rather than restating them.
+storage, hydration, `definePageMeta`/auth) lives in the `nuxt-nitro-api` skill;
+Volt/PrimeVue styling and dark mode live in `volt-primevue`. This skill
+cross-links to those rather than restating them.
 
 ## When to Use This Skill
 
@@ -19,6 +19,8 @@ storage, hydration, `definePageMeta`/auth, formatters) lives in the
 - Wiring `v-model` on a component
 - Designing a component's content API — props vs slots, named/scoped slots
 - Authoring a composable — argument shape, what to return, cleanup
+- Structuring a page — thin pages, components own the data + logic
+- Formatting display values (currency/date/number) consistently
 - Anything reactivity-shaped: `computed` vs `watch`, prop→state sync, DOM measurement
 - You see `watch` and want to know if it should be something else
 
@@ -32,6 +34,8 @@ storage, hydration, `definePageMeta`/auth, formatters) lives in the
 - [reactivity.md](./reactivity.md) — `ref` over `reactive`, `useTemplateRef`, pure computeds, mutate-don't-reassign, DOM-measure + `ResizeObserver`, `shallowRef`, watch-getter prop sync, `:key` remount, listener cleanup
 - [watch.md](./watch.md) — **`watch` is the escape hatch, not the default**: when it's right, and the four smell shapes (with refactors) found auditing 159 real watchers
 - [template-idioms.md](./template-idioms.md) — duplicate-`@keyup` TS error, `:deep()`/`:slotted()`/`:global()`, click-outside marker class, `NuxtLink`/thin `app.vue`, `useHead`, `v-bind` shorthand, `useId`, `<Teleport>`/`<KeepAlive>`, `v-memo`/`v-once`, file-input reset
+- [page-structure.md](./page-structure.md) — keep pages thin: route-param parsing + layout in the page, data/logic/forms in components
+- [formatters.md](./formatters.md) — never inline a currency/date/number formatter; centralize in `useFormatters`, prefer Intl/date-fns
 
 ## Core Principles
 

package/plugins/{nuxt-nitro-api/skills/nuxt-nitro-api → vue-nuxt/skills/vue-nuxt}/formatters.md

@@ -84,7 +84,8 @@ let a blanket "convert all date fields to Date" transform touch DATE columns.
 
 ## Where to put the formatters
 
-Pick the location by what the formatter needs (see [composables-utils.md](./composables-utils.md)):
+Pick the location by what the formatter needs (the composable-vs-util decision
+tree lives in the `nuxt-nitro-api` skill's `composables-utils.md`):
 
 - **Needs Nuxt/Vue context** (e.g. reads locale/currency from `useRuntimeConfig()`,
   `useI18n()`, or user preferences) → **composable** `useFormatters` in