[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6JKZSYMZRDM93J9FWABMP0F":3,"skill-same:01M6JKZSYMZRDM93J9FWABMP0F":74},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":9,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":15,"categories":16,"keywords":17,"publishedAt":38,"linkOnly":39,"markdownContent":40,"markdownBody":41,"frontMatter":42,"refName":47,"commitSha":48,"skillDirectory":49,"forksCount":13,"repositoryHtmlUrl":50,"repositoryHomepageUrl":6,"ownerHtmlUrl":51,"ownerBlogUrl":6,"ownerDescription":52,"updatedAt":53,"install":54,"resources":67},"01M6JKZSYMZRDM93J9FWABMP0F","dependency-security",null,"Enforce dependency security scanning and SBOM generation. Use when adding dependencies, reviewing package.json, or during security audits. Covers OWASP dependency check, npm audit, and supply chain security.","superhealth\u002Fskills-hub","superhealth","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F6292112?v=4","01M6JA6E7F21BYK5W3E4P270TT","01M6JA6EC0W8MPHKDJVBZDSEZ0",0,"MIT","https:\u002F\u002Fgithub.com\u002Fsuperhealth\u002Fskills-hub\u002Fblob\u002Fmaster\u002Fskills\u002Fdoyajin174\u002Fdependency-security\u002FSKILL.md",[],[18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37],"security","dependency security","dependency","supply","antigravity","chain","generation","enforce","supply chain","security scanning","dependency check","scanning","use","check","json","Bash","team","audit","package","supply chain security","2026-11-10 10:12:30",false,"---\nname: dependency-security\ndescription: Enforce dependency security scanning and SBOM generation. Use when adding dependencies, reviewing package.json, or during security audits. Covers OWASP dependency check, npm audit, and supply chain security.\nallowed-tools: Read, Glob, Grep, Edit, Write, Bash\nlicense: MIT\nmetadata:\n  author: antigravity-team\n  version: \"1.0\"\n---\n\n# Dependency Security\n\n의존성 보안 스캔 및 SBOM(Software Bill of Materials) 생성을 강제하는 스킬입니다.\n\n## 2025 Context\n\n> **OWASP Top 10 2025에서 \"Vulnerable and Outdated Components\"가 A03으로 상승**\n> **EU Cyber Resilience Act: 2024년부터 SBOM 의무화 시작**\n> **Supply Chain 공격 급증: 2024년 대비 300% 증가**\n\n## Core Rules\n\n| 규칙 | 상태 | 설명 |\n|------|------|------|\n| npm audit 통과 | ? 필수 | high\u002Fcritical 취약점 0개 |\n| 의존성 최신화 | ? 권장 | 주요 보안 패치 적용 |\n| SBOM 생성 | ? 권장 | 의존성 목록 문서화 |\n| lockfile 커밋 | ? 필수 | 재현 가능한 빌드 |\n\n## Security Audit\n\n### npm audit\n\n```bash\n# 취약점 검사\nnpm audit\n\n# 자동 수정 (가능한 경우)\nnpm audit fix\n\n# 강제 수정 (major 버전 업데이트 포함)\nnpm audit fix --force  # ⚠️ 주의: 호환성 문제 가능\n\n# JSON 출력 (CI용)\nnpm audit --json\n```\n\n### 결과 해석\n\n```\nSeverity levels:\n- critical: ? 즉시 수정 필수\n- high:     ? 즉시 수정 필수\n- moderate: ? 조속히 수정\n- low:      ? 다음 업데이트 시 수정\n```\n\n### CI 통합 예시\n\n```yaml\n# GitHub Actions\n- name: Security Audit\n  run: |\n    npm audit --audit-level=high\n    if [ $? -ne 0 ]; then\n      echo \"Security vulnerabilities found!\"\n      exit 1\n    fi\n```\n\n## Dependency Management\n\n### 의존성 업데이트 확인\n\n```bash\n# 오래된 패키지 확인\nnpm outdated\n\n# 업데이트 가능한 패키지\nnpx npm-check-updates\n\n# 대화형 업데이트\nnpx npm-check-updates -i\n```\n\n### 안전한 업데이트 전략\n\n```bash\n# 1. 현재 상태 기록\nnpm outdated > outdated-$(date +%Y%m%d).txt\n\n# 2. patch 버전만 업데이트 (가장 안전)\nnpx npm-check-updates -u --target patch\n\n# 3. minor 버전 업데이트\nnpx npm-check-updates -u --target minor\n\n# 4. 테스트 실행\nnpm test\n\n# 5. lockfile 커밋\ngit add package-lock.json\ngit commit -m \"chore: update dependencies (security patch)\"\n```\n\n## SBOM (Software Bill of Materials)\n\n### SBOM 생성\n\n```bash\n# CycloneDX 형식 (권장)\nnpx @cyclonedx\u002Fcyclonedx-npm --output-file sbom.json\n\n# SPDX 형식\nnpx spdx-sbom-generator\n```\n\n### SBOM 포함 정보\n\n```json\n{\n  \"bomFormat\": \"CycloneDX\",\n  \"specVersion\": \"1.4\",\n  \"components\": [\n    {\n      \"name\": \"react\",\n      \"version\": \"18.2.0\",\n      \"purl\": \"pkg:npm\u002Freact@18.2.0\",\n      \"licenses\": [{ \"license\": { \"id\": \"MIT\" } }]\n    }\n  ]\n}\n```\n\n### CI에서 SBOM 자동 생성\n\n```yaml\n# GitHub Actions\n- name: Generate SBOM\n  run: npx @cyclonedx\u002Fcyclonedx-npm --output-file sbom.json\n\n- name: Upload SBOM\n  uses: actions\u002Fupload-artifact@v3\n  with:\n    name: sbom\n    path: sbom.json\n```\n\n## Supply Chain Security\n\n### Lockfile 보안\n\n```bash\n# package-lock.json 항상 커밋\ngit add package-lock.json\n\n# CI에서 정확한 버전 설치\nnpm ci  # (npm install이 아님!)\n```\n\n### .npmrc 보안 설정\n\n```ini\n# .npmrc\n# 스크립트 자동 실행 금지\nignore-scripts=true\n\n# 엄격한 SSL\nstrict-ssl=true\n\n# 레지스트리 고정\nregistry=https:\u002F\u002Fregistry.npmjs.org\u002F\n```\n\n### 의심스러운 패키지 확인\n\n```bash\n# 패키지 정보 확인\nnpm info \u003Cpackage-name>\n\n# 다운로드 수, 유지보수 상태 확인\nnpx npm-check \u003Cpackage-name>\n\n# 라이선스 확인\nnpx license-checker\n```\n\n## Detection Patterns\n\n### 위험 신호\n\n```\n? 위험:\n- critical\u002Fhigh 취약점 존재\n- 1년 이상 업데이트 없는 의존성\n- deprecated 패키지 사용\n- 알 수 없는 출처의 패키지\n\n? 주의:\n- moderate 취약점\n- 6개월 이상 업데이트 없음\n- 낮은 다운로드 수\n```\n\n### 검사 명령어\n\n```bash\n# deprecated 패키지 확인\nnpm ls 2>&1 | grep -i deprecated\n\n# 라이선스 문제 확인\nnpx license-checker --failOn \"GPL;AGPL\"\n\n# 의존성 트리 확인\nnpm ls --depth=0\n```\n\n## Workflow\n\n### 1. 새 의존성 추가 시\n\n```\n추가 전 체크:\n1. npm info로 패키지 정보 확인\n2. 다운로드 수 및 유지보수 상태 확인\n3. 라이선스 호환성 확인\n4. 대안 패키지 검토\n\n추가 후:\n1. npm audit 실행\n2. lockfile 커밋\n```\n\n### 2. 정기 보안 점검 (주간\u002F월간)\n\n```bash\n# 1. 취약점 검사\nnpm audit\n\n# 2. 오래된 패키지 확인\nnpm outdated\n\n# 3. SBOM 업데이트\nnpx @cyclonedx\u002Fcyclonedx-npm --output-file sbom.json\n\n# 4. 결과 기록\n```\n\n### 3. CI\u002FCD 파이프라인\n\n```yaml\nname: Security Check\n\non: [push, pull_request]\n\njobs:\n  security:\n    runs-on: ubuntu-latest\n    steps:\n      - uses: actions\u002Fcheckout@v4\n\n      - name: Install dependencies\n        run: npm ci\n\n      - name: Security audit\n        run: npm audit --audit-level=high\n\n      - name: Check outdated\n        run: npm outdated || true\n\n      - name: Generate SBOM\n        run: npx @cyclonedx\u002Fcyclonedx-npm --output-file sbom.json\n```\n\n## 도구 추천\n\n| 도구 | 용도 | 명령어 |\n|------|------|--------|\n| npm audit | 취약점 스캔 | `npm audit` |\n| Snyk | 고급 취약점 분석 | `npx snyk test` |\n| OWASP Dependency-Check | OWASP 표준 스캔 | CLI 도구 |\n| CycloneDX | SBOM 생성 | `npx @cyclonedx\u002Fcyclonedx-npm` |\n| npm-check-updates | 의존성 업데이트 | `npx ncu` |\n\n## Checklist\n\n### 새 프로젝트\n\n- [ ] .npmrc 보안 설정 적용\n- [ ] package-lock.json 커밋\n- [ ] npm audit 통과 확인\n- [ ] CI에 보안 검사 추가\n\n### 의존성 추가 시\n\n- [ ] 패키지 신뢰성 확인\n- [ ] 라이선스 호환성 확인\n- [ ] npm audit 재실행\n- [ ] lockfile 커밋\n\n### 정기 점검\n\n- [ ] npm audit 실행\n- [ ] npm outdated 확인\n- [ ] SBOM 업데이트\n- [ ] 보안 패치 적용\n\n## References\n\n- [OWASP Top 10 2025](https:\u002F\u002Fowasp.org\u002FTop10\u002F)\n- [OWASP Dependency-Check](https:\u002F\u002Fowasp.org\u002Fwww-project-dependency-check\u002F)\n- [CycloneDX](https:\u002F\u002Fcyclonedx.org\u002F)\n- [npm audit documentation](https:\u002F\u002Fdocs.npmjs.com\u002Fcli\u002Fv10\u002Fcommands\u002Fnpm-audit)\n","# Dependency Security\n\n의존성 보안 스캔 및 SBOM(Software Bill of Materials) 생성을 강제하는 스킬입니다.\n\n## 2025 Context\n\n> **OWASP Top 10 2025에서 \"Vulnerable and Outdated Components\"가 A03으로 상승**\n> **EU Cyber Resilience Act: 2024년부터 SBOM 의무화 시작**\n> **Supply Chain 공격 급증: 2024년 대비 300% 증가**\n\n## Core Rules\n\n| 규칙 | 상태 | 설명 |\n|------|------|------|\n| npm audit 통과 | ? 필수 | high\u002Fcritical 취약점 0개 |\n| 의존성 최신화 | ? 권장 | 주요 보안 패치 적용 |\n| SBOM 생성 | ? 권장 | 의존성 목록 문서화 |\n| lockfile 커밋 | ? 필수 | 재현 가능한 빌드 |\n\n## Security Audit\n\n### npm audit\n\n```bash\n# 취약점 검사\nnpm audit\n\n# 자동 수정 (가능한 경우)\nnpm audit fix\n\n# 강제 수정 (major 버전 업데이트 포함)\nnpm audit fix --force  # ⚠️ 주의: 호환성 문제 가능\n\n# JSON 출력 (CI용)\nnpm audit --json\n```\n\n### 결과 해석\n\n```\nSeverity levels:\n- critical: ? 즉시 수정 필수\n- high:     ? 즉시 수정 필수\n- moderate: ? 조속히 수정\n- low:      ? 다음 업데이트 시 수정\n```\n\n### CI 통합 예시\n\n```yaml\n# GitHub Actions\n- name: Security Audit\n  run: |\n    npm audit --audit-level=high\n    if [ $? -ne 0 ]; then\n      echo \"Security vulnerabilities found!\"\n      exit 1\n    fi\n```\n\n## Dependency Management\n\n### 의존성 업데이트 확인\n\n```bash\n# 오래된 패키지 확인\nnpm outdated\n\n# 업데이트 가능한 패키지\nnpx npm-check-updates\n\n# 대화형 업데이트\nnpx npm-check-updates -i\n```\n\n### 안전한 업데이트 전략\n\n```bash\n# 1. 현재 상태 기록\nnpm outdated > outdated-$(date +%Y%m%d).txt\n\n# 2. patch 버전만 업데이트 (가장 안전)\nnpx npm-check-updates -u --target patch\n\n# 3. minor 버전 업데이트\nnpx npm-check-updates -u --target minor\n\n# 4. 테스트 실행\nnpm test\n\n# 5. lockfile 커밋\ngit add package-lock.json\ngit commit -m \"chore: update dependencies (security patch)\"\n```\n\n## SBOM (Software Bill of Materials)\n\n### SBOM 생성\n\n```bash\n# CycloneDX 형식 (권장)\nnpx @cyclonedx\u002Fcyclonedx-npm --output-file sbom.json\n\n# SPDX 형식\nnpx spdx-sbom-generator\n```\n\n### SBOM 포함 정보\n\n```json\n{\n  \"bomFormat\": \"CycloneDX\",\n  \"specVersion\": \"1.4\",\n  \"components\": [\n    {\n      \"name\": \"react\",\n      \"version\": \"18.2.0\",\n      \"purl\": \"pkg:npm\u002Freact@18.2.0\",\n      \"licenses\": [{ \"license\": { \"id\": \"MIT\" } }]\n    }\n  ]\n}\n```\n\n### CI에서 SBOM 자동 생성\n\n```yaml\n# GitHub Actions\n- name: Generate SBOM\n  run: npx @cyclonedx\u002Fcyclonedx-npm --output-file sbom.json\n\n- name: Upload SBOM\n  uses: actions\u002Fupload-artifact@v3\n  with:\n    name: sbom\n    path: sbom.json\n```\n\n## Supply Chain Security\n\n### Lockfile 보안\n\n```bash\n# package-lock.json 항상 커밋\ngit add package-lock.json\n\n# CI에서 정확한 버전 설치\nnpm ci  # (npm install이 아님!)\n```\n\n### .npmrc 보안 설정\n\n```ini\n# .npmrc\n# 스크립트 자동 실행 금지\nignore-scripts=true\n\n# 엄격한 SSL\nstrict-ssl=true\n\n# 레지스트리 고정\nregistry=https:\u002F\u002Fregistry.npmjs.org\u002F\n```\n\n### 의심스러운 패키지 확인\n\n```bash\n# 패키지 정보 확인\nnpm info \u003Cpackage-name>\n\n# 다운로드 수, 유지보수 상태 확인\nnpx npm-check \u003Cpackage-name>\n\n# 라이선스 확인\nnpx license-checker\n```\n\n## Detection Patterns\n\n### 위험 신호\n\n```\n? 위험:\n- critical\u002Fhigh 취약점 존재\n- 1년 이상 업데이트 없는 의존성\n- deprecated 패키지 사용\n- 알 수 없는 출처의 패키지\n\n? 주의:\n- moderate 취약점\n- 6개월 이상 업데이트 없음\n- 낮은 다운로드 수\n```\n\n### 검사 명령어\n\n```bash\n# deprecated 패키지 확인\nnpm ls 2>&1 | grep -i deprecated\n\n# 라이선스 문제 확인\nnpx license-checker --failOn \"GPL;AGPL\"\n\n# 의존성 트리 확인\nnpm ls --depth=0\n```\n\n## Workflow\n\n### 1. 새 의존성 추가 시\n\n```\n추가 전 체크:\n1. npm info로 패키지 정보 확인\n2. 다운로드 수 및 유지보수 상태 확인\n3. 라이선스 호환성 확인\n4. 대안 패키지 검토\n\n추가 후:\n1. npm audit 실행\n2. lockfile 커밋\n```\n\n### 2. 정기 보안 점검 (주간\u002F월간)\n\n```bash\n# 1. 취약점 검사\nnpm audit\n\n# 2. 오래된 패키지 확인\nnpm outdated\n\n# 3. SBOM 업데이트\nnpx @cyclonedx\u002Fcyclonedx-npm --output-file sbom.json\n\n# 4. 결과 기록\n```\n\n### 3. CI\u002FCD 파이프라인\n\n```yaml\nname: Security Check\n\non: [push, pull_request]\n\njobs:\n  security:\n    runs-on: ubuntu-latest\n    steps:\n      - uses: actions\u002Fcheckout@v4\n\n      - name: Install dependencies\n        run: npm ci\n\n      - name: Security audit\n        run: npm audit --audit-level=high\n\n      - name: Check outdated\n        run: npm outdated || true\n\n      - name: Generate SBOM\n        run: npx @cyclonedx\u002Fcyclonedx-npm --output-file sbom.json\n```\n\n## 도구 추천\n\n| 도구 | 용도 | 명령어 |\n|------|------|--------|\n| npm audit | 취약점 스캔 | `npm audit` |\n| Snyk | 고급 취약점 분석 | `npx snyk test` |\n| OWASP Dependency-Check | OWASP 표준 스캔 | CLI 도구 |\n| CycloneDX | SBOM 생성 | `npx @cyclonedx\u002Fcyclonedx-npm` |\n| npm-check-updates | 의존성 업데이트 | `npx ncu` |\n\n## Checklist\n\n### 새 프로젝트\n\n- [ ] .npmrc 보안 설정 적용\n- [ ] package-lock.json 커밋\n- [ ] npm audit 통과 확인\n- [ ] CI에 보안 검사 추가\n\n### 의존성 추가 시\n\n- [ ] 패키지 신뢰성 확인\n- [ ] 라이선스 호환성 확인\n- [ ] npm audit 재실행\n- [ ] lockfile 커밋\n\n### 정기 점검\n\n- [ ] npm audit 실행\n- [ ] npm outdated 확인\n- [ ] SBOM 업데이트\n- [ ] 보안 패치 적용\n\n## References\n\n- [OWASP Top 10 2025](https:\u002F\u002Fowasp.org\u002FTop10\u002F)\n- [OWASP Dependency-Check](https:\u002F\u002Fowasp.org\u002Fwww-project-dependency-check\u002F)\n- [CycloneDX](https:\u002F\u002Fcyclonedx.org\u002F)\n- [npm audit documentation](https:\u002F\u002Fdocs.npmjs.com\u002Fcli\u002Fv10\u002Fcommands\u002Fnpm-audit)\n",{"name":5,"license":14,"metadata":43,"description":7,"allowed-tools":46},{"author":44,"version":45},"antigravity-team","1.0","Read, Glob, Grep, Edit, Write, Bash","master","08cc2532077058aa50e6e18f54695bc256c88152","skills\u002Fdoyajin174\u002Fdependency-security","https:\u002F\u002Fgithub.com\u002Fsuperhealth\u002Fskills-hub","https:\u002F\u002Fgithub.com\u002Fsuperhealth","java engineer","2026-04-06 22:07:23",{"source":8,"skillName":5,"commands":55,"prompt":65,"zipAvailable":66},[56,59,62],{"tool":57,"command":58},"npx","npx skills add superhealth\u002Fskills-hub --skill dependency-security",{"tool":60,"command":61},"bunx","bunx skills add superhealth\u002Fskills-hub --skill dependency-security",{"tool":63,"command":64},"pnpm","pnpm dlx skills add superhealth\u002Fskills-hub --skill dependency-security","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fsuperhealth\u002Fskills-hub\u002Fblob\u002Fmaster\u002Fskills\u002Fdoyajin174\u002Fdependency-security\u002FSKILL.md",true,[68],{"path":69,"resourceType":70,"resourceTypeDesc":71,"sizeBytes":72,"sourceHtmlUrl":73},"skill-report.json","REFERENCE","参考文档",14491,"https:\u002F\u002Fgithub.com\u002Fsuperhealth\u002Fskills-hub\u002Fblob\u002Fmaster\u002Fskills\u002Fdoyajin174\u002Fdependency-security\u002Fskill-report.json",[75,107,134,147,163,187],{"skillNo":76,"name":77,"nameZh":6,"description":78,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":9,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":79,"categories":80,"keywords":86,"publishedAt":38},"01M6MC9F3WHV8S8FZ2W4TRB0FE","vercel-react-best-practices","React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React\u002FNext.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.","https:\u002F\u002Fgithub.com\u002Fsuperhealth\u002Fskills-hub\u002Fblob\u002Fmaster\u002Fskills\u002Fzhanlincui\u002Fvercel-react-best-practices\u002FSKILL.md",[81],{"categoryNo":82,"categoryName":83,"taxonomyType":84,"taxonomyTypeDesc":85},"01JBSEEDCAT000000000000009","前端开发","SCENARIO","使用场景",[87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106],"react","vercel react best practices","best practices","vercel","react best practices","data fetching","code","triggers","pages","next","patterns","refactoring","data","Optimization","tasks","guidelines","react components","components","performance","writing",{"skillNo":108,"name":109,"nameZh":6,"description":110,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":9,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":111,"categories":112,"keywords":117,"publishedAt":38},"01M6MB8KWE1Q5A5KERR7RFTQWP","vue-testing-best-practices","Use for Vue.js testing. Covers Vitest, Vue Test Utils, component testing, mocking, testing patterns, and Playwright for E2E testing.","https:\u002F\u002Fgithub.com\u002Fsuperhealth\u002Fskills-hub\u002Fblob\u002Fmaster\u002Fskills\u002Fvuejs-ai\u002Fvue-testing-best-practices\u002FSKILL.md",[113,116],{"categoryNo":114,"categoryName":115,"taxonomyType":84,"taxonomyTypeDesc":85},"01JBSEEDCAT000000000000008","测试与质量",{"categoryNo":82,"categoryName":83,"taxonomyType":84,"taxonomyTypeDesc":85},[118,119,120,89,121,122,123,124,125,30,126,97,127,128,129,130,131,132,133],"vue testing best practices","testing best practices","vue","testing","testing patterns","js","e2e","vitest","component","test","mocking","for","utils","e2e testing","github","playwright",{"skillNo":135,"name":136,"nameZh":6,"description":137,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":9,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":138,"categories":139,"keywords":141,"publishedAt":38},"01M6MB8GK06M6GA4KVYNDV1BZP","vue-router-best-practices","Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.","https:\u002F\u002Fgithub.com\u002Fsuperhealth\u002Fskills-hub\u002Fblob\u002Fmaster\u002Fskills\u002Fvuejs-ai\u002Fvue-router-best-practices\u002FSKILL.md",[140],{"categoryNo":82,"categoryName":83,"taxonomyType":84,"taxonomyTypeDesc":85},[89,120,142,143,144,97,145,146,126,132],"router","vue router best practices","route","navigation","lifecycle",{"skillNo":148,"name":149,"nameZh":6,"description":150,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":9,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":151,"categories":152,"keywords":154,"publishedAt":38},"01M6MB8DQF21TZMQ9XC3745ERW","vue-pinia-best-practices","Pinia stores, state management patterns, store setup, and reactivity with stores.","https:\u002F\u002Fgithub.com\u002Fsuperhealth\u002Fskills-hub\u002Fblob\u002Fmaster\u002Fskills\u002Fvuejs-ai\u002Fvue-pinia-best-practices\u002FSKILL.md",[153],{"categoryNo":82,"categoryName":83,"taxonomyType":84,"taxonomyTypeDesc":85},[155,156,120,89,157,158,97,159,160,161,162,132],"vue pinia best practices","pinia","with","store","management","state","state management","setup",{"skillNo":164,"name":165,"nameZh":6,"description":166,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":9,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":167,"categories":168,"keywords":178,"publishedAt":38},"01M6MB8A7MC08747J9TV4GWQ9A","vue-options-api-best-practices","Vue 3 Options API style (data(), methods, this context). Each reference shows Options API solution only.","https:\u002F\u002Fgithub.com\u002Fsuperhealth\u002Fskills-hub\u002Fblob\u002Fmaster\u002Fskills\u002Fvuejs-ai\u002Fvue-options-api-best-practices\u002FSKILL.md",[169,170,173],{"categoryNo":82,"categoryName":83,"taxonomyType":84,"taxonomyTypeDesc":85},{"categoryNo":171,"categoryName":172,"taxonomyType":84,"taxonomyTypeDesc":85},"01JBSEEDCAT000000000000010","后端与接口",{"categoryNo":174,"categoryName":175,"taxonomyType":176,"taxonomyTypeDesc":177},"01JBSEEDCAT000000000000030","开发工程师","PROFESSION","适用职业",[120,179,180,181,89,182,183,184,185,99,132,186],"options","vue options api best practices","api","methods","reference","only","context","style",{"skillNo":188,"name":189,"nameZh":6,"description":190,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":9,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":191,"categories":192,"keywords":194,"publishedAt":38},"01M6MB85ZTQC24Q04X49MM4YXN","vue-development-guides","A collection of best practices and tips for developing applications using Vue.js. This skill MUST be apply when developing, refactoring or reviewing Vue.js or Nuxt projects.","https:\u002F\u002Fgithub.com\u002Fsuperhealth\u002Fskills-hub\u002Fblob\u002Fmaster\u002Fskills\u002Fvuejs-ai\u002Fvue-development-guides\u002FSKILL.md",[193],{"categoryNo":82,"categoryName":83,"taxonomyType":84,"taxonomyTypeDesc":85},[195,120,196,197,132,198,199,129,200,201,202,123,98,203,204,89],"development","guides","vue development guides","tips","apply","project","nuxt","projects","collection","applications"]