nuxt-data-audit
FeaturedUse when 審計 Nuxt 專案 data-fetching 模式與效能 golden path checklist。
Web & Frontend 45 stars
3 forks Updated today MIT
Install
Quality Score: 90/100
Stars 20%
Recency 20%
Frontmatter 20%
Documentation 15%
Issue Health 10%
License 10%
Description 5%
Skill Content
<!-- 🔒 LOCKED — managed by clade · auto-generated by sync-to-codex; edit source in .claude/ then re-run sync -->
`/nuxt-data-audit` — Nuxt data-fetching & performance golden path audit.
Reference rule:`rules/core/nuxt-data-perf.md`
Cookbook:`~/offline/clade/vendor/snippets/nuxt-data-perf/`
## 何時跑
- **定期稽核**:跨 consumer fleet 完善度掃描(從 clade home 跑,指定 consumer path)
- **新功能完成後**:對 consumer 當前 codebase 的 data-fetching 品質做 baseline check
- **code-review 輔助**:reviewer 可跑此 skill 取得量化數據輔助 review
- **新 consumer onboard**:day-1 baseline 建立
## 怎麼跑
```
/nuxt-data-audit # 掃當前 cwd 的 consumer
/nuxt-data-audit ~/offline/TDMS # 掃指定 consumer
/nuxt-data-audit --fleet # 掃全 fleet(從 clade home 用 registry/consumers.json)
```
## Phase 1 — Dependency Detection
判斷 consumer 的 data-fetching stack:
```bash
# 檢查 package.json
grep -E '@pinia/colada|@pinia/colada-nuxt|@pinia/nuxt' package.json
```
分為兩類:
- **Colada consumer**:安裝了 @pinia/colada → 全部 checklist 適用
- **Non-Colada consumer**:未安裝 → E9/E10 標 N/A,其餘全部適用
## Phase 2 — Automated Scan
對每項 checklist 跑 grep/AST 掃描。以下是每項的掃描方法:
### E1 — setup 無裸 $fetch(HR-1)
```bash
# 找 .vue 檔中 <script setup> 的 $fetch(排除 event handler)
# 注意 $csrfFetch 等 alias 也要查
find . -name '*.vue' -not -path '*/node_modules/*' -not -path '*/.nuxt/*' -not -path '*/test/*' \
| xargs grep -l '\$fetch\|\$csrfFetch'
```
**對每個命中檔案**:讀取 `<script setup>` 區塊,判斷 $fetch 是否在 top-level(fail)還是在 function/handler 內(pass)。Top-level = 不...
Details
- Author
- YuDefine
- Repository
- YuDefine/nuxt-supabase-starter
- Created
- 7 months ago
- Last Updated
- today
- Language
- JavaScript
- License
- MIT
Integrates with
Similar Skills
Semantically similar based on skill content — not just same category
Data & Documents Featured
data-sanity
Use when running spectra Design Review, before /spectra-archive, or ad-hoc on changes touching paginated queries. Detects client-server schema mismatch (e.g. perPage: 200 vs max(100)).
45 Updated today
YuDefine Web & Frontend Solid
review-readiness-scan
Use when 批次掃描多個 change 的 manual review readiness。NOT for 單一 change 逐項 review(走 pnpm review GUI)。
45 Updated today
YuDefine AI & Automation Listed
performance-checker
Next.js 빌드 성능 정적 분석 (번들 사이즈, tree-shaking, dependency 분포). site-auditor 내부 워커 — 직접 호출은 비권장. URL 런타임 측정은 /perf-audit. "빌드 점검", "번들 사이즈", "Next.js 성능", "배포 전 빌드 체크" 요청 시 자동 trigger.
1 Updated today
SONGYEONGSIN