メニュー
Vitesse Lite — lightweight Vite + Vue 3 SPA with file-based routing, UnoCSS, VueUse, Vitest. Use when scaffolding or maintaining a simple Vue SPA with this stack.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
Migrate a React Native project from NativeWind to Uniwind. Use when the user wants to replace NativeWind with Uniwind, upgrade from NativeWind, switch to Uniwind, or mentions NativeWind-to-Uniwind migration. Handles package removal, config migration, Tailwind 4 upgrade, cssInterop removal, theme conversion, and all breaking changes.
Uniwind — Tailwind CSS v4 styling for React Native. Use when adding, building, or debugging components in a React Native project that uses Uniwind classNames. Covers setup, Metro config, global.css, theming, className props, accent-* color props, platform/data/state/responsive variants, CSS variables, custom utilities, withUniwind for third-party components, cn/tailwind-merge, tailwind-variants, safe area utilities, gradients, fonts, React Navigation, UI kits, diagnostics, troubleshooting, and Uniwind Pro features. Does not cover NativeWind migration.
Turborepo monorepo build system guidance. Triggers on: turbo.json, task pipelines, dependsOn, caching, remote cache, the "turbo" CLI, --filter, --affected, CI optimization, environment variables, internal packages, monorepo structure/best practices, and boundaries. Use when user: configures tasks/workflows/pipelines, creates packages, sets up monorepo, shares code between apps, runs changed/affected packages, debugs cache, or has apps/packages directories.
Use Tailwind CSS to style React Native components across web and native
End-to-end testing patterns with Playwright for full-stack Python/React applications. Use when writing E2E tests for complete user workflows (login, CRUD, navigation), critical path regression tests, or cross-browser validation. Covers test structure, page object model, selector strategy (data-testid > role > label), wait strategies, auth state reuse, test data management, and CI integration. Does NOT cover unit tests or component tests (use pytest-patterns or react-testing-patterns).
Keep JavaScript/TypeScript dependencies fresh with safety rails and monorepo support.
| name | arch-nuxt-lite |
| description | Vitesse Lite — lightweight Vite + Vue 3 SPA with file-based routing, UnoCSS, VueUse, Vitest. Use when scaffolding or maintaining a simple Vue SPA with this stack. |
| metadata | {"author":"hairy","version":"2026.1.30","source":"Generated from https://github.com/antfu-collective/vitesse-lite, scripts located at https://github.com/antfu/skills"} |
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.
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 |