메뉴
Guide for checking and fixing Nuxt 4 auto-import usage. Use this when reviewing impors in Vue components, composables, or TypeScript files in a Nuxt 4 project.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
One sentence about this skill. Use this skill when: "keyword1" "keyword combination"
Guide for verifying frontend changes using chrome-devtools MCP. Use this when you need to verify UI changes, check for console errors, or test frontend functionality after making changes to Vue components, pages, or styles.
Rules for vue component setup. Use this when writing a new vue component or when reviewing an exisinging component.
Guide for creating commit message. This skill should be used when you try to create a commit message.
| name | nuxt-auto-import |
| description | Guide for checking and fixing Nuxt 4 auto-import usage. Use this when reviewing impors in Vue components, composables, or TypeScript files in a Nuxt 4 project. |
Auto-imported = No import statement needed. Use directly.
Fix type errors: Run nuxt prepare to rebuild auto-import list.
Import path: Use ~ prefix in /app (e.g., ~/types/index)
app/components/*.vue - All componentsapp/composables/*.ts - All composablesapp/stores/*.ts - All storesapp/utils/*.ts - Root level only (nested files need imports)shared/types/*.ts - Server + Appshared/utils/*.ts - Server + Appserver/utils/ - Server onlyapp/types/ - Use import type { ... } from '~/types'app/utils/nested/ - Nested utils need importsapp/layouts/, pages/, plugins/, workers/ - All need importsAction: Remove unnecessary imports for auto-imported modules.