Stats
Actions
Tags
'%20stop-opacity%3D'0.16'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'rgb(200%2C90%2C60)'%20stop-opacity%3D'0.03'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D'320'%20height%3D'200'%20fill%3D'url(%23g)'%2F%3E%3Ccircle%20cx%3D'250'%20cy%3D'56'%20r%3D'92'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.06'%2F%3E%3Ccircle%20cx%3D'64'%20cy%3D'172'%20r%3D'58'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.05'%2F%3E%3C%2Fsvg%3E)
From hairyf-skills-4
Lightweight Vite + Vue 3 SPA starter with file-based routing, UnoCSS, VueUse, and Vitest. Scaffold or maintain simple client-only Vue apps.
How this skill is triggered — by the user, by Claude, or both
Slash command
/hairyf-skills-4:arch-nuxt-liteThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
arch-nuxt-lite (Vitesse Lite) is the **lightweight Vite + Vue 3 SPA** starter: file-based routing via unplugin-vue-router, components and composables auto-import, UnoCSS, VueUse, and Vitest. No SSR, i18n, layouts, SSG, PWA, or Markdown. Prefer it for simple client-only apps; use arch-nuxt or Nuxt for SSR.
GENERATION.mdassets/ci.ymlreferences/best-practices-routing.mdreferences/core-app-structure.mdreferences/core-ci.mdreferences/core-eslint.mdreferences/core-overview.mdreferences/core-scripts.mdreferences/core-vite-config.mdreferences/features-components.mdreferences/features-composables.mdreferences/features-deploy.mdreferences/features-routing.mdreferences/features-testing.mdreferences/features-unocss.mdarch-nuxt-lite (Vitesse Lite) is the lightweight Vite + Vue 3 SPA starter: file-based routing via unplugin-vue-router, components and composables auto-import, UnoCSS, VueUse, and Vitest. No SSR, i18n, layouts, SSG, PWA, or Markdown. Prefer it for simple client-only apps; use arch-nuxt or Nuxt for SSR.
The skill is based on vitesse-lite (arch-nuxt-lite source), generated at 2026-01-30.
Recommended practices:
src/pages~/ alias for src/ in importssrc/composables; all auto-imported| Topic | Description | Reference |
|---|---|---|
| Overview | Project purpose, structure, stack, when to use | core-overview |
| App structure | Entry, RouterView, path alias, App.vue | core-app-structure |
| Vite config | defineConfig, plugins, alias, Vitest | core-vite-config |
| Scripts | build, dev, lint, typecheck, preview, test | core-scripts |
| CI | GitHub Actions — build, test, lint, typecheck matrix | core-ci |
| ESLint | @antfu/eslint-config, unocss, formatters, pnpm | core-eslint |
| Topic | Description | Reference |
|---|---|---|
| Routing | unplugin-vue-router, file-based routes, useRoute/useRouter, typed params | features-routing |
| Components | unplugin-vue-components, auto-import, UnoCSS icons | features-components |
| Composables | unplugin-auto-import, composables dir, dark mode (useDark, useToggle) | features-composables |
| UnoCSS | uno.config.ts, shortcuts, presets, icons, web fonts | features-unocss |
| Testing | Vitest, jsdom, component tests with @vue/test-utils | features-testing |
| Deploy | Netlify, netlify.toml, SPA redirect | features-deploy |
| Topic | Description | Reference |
|---|---|---|
| Routing | File-based routing patterns, dynamic/catch-all routes | best-practices-routing |
npx claudepluginhub hairyf/skillsScans a codebase for architectural friction, presents candidates as a visual HTML report with before/after diagrams, and guides you through deepening refactors.