القائمة
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 |