針對 HTML、Next.js App Router 和 Vite (React & Vue) 專案的全面 SEO 和社交元資料實施。在以下情況下使用：(1) 建立、編輯或審查元標記、Open Graph、Twitter 卡、規範/hreflang 連結、JSON-LD 結構化資料、主題顏色或 favicon/manifest 配置； (2) 使用 html/index.html、nextjs/metadata.ts、nextjs/dydic-metadata-examplep. vite/SEO.vue; (3) 在新頁面或路線中新增SEO； (4) 從 react-helmet、vue-meta或next-seo遷移； (5) 產生內容驅動頁面的動態元資料； (6) 審核元資料的完整性或最佳實務合規性。
透過命令列快速安裝 seo-meta-tags AI 技能到你的開發環境
來源：jeremy0x/meta-tag-boilerplate。
Boilerplate and component library for production-ready metadata across three framework targets.
| HTML | Static sites, any backend, SSGs | references/html.md | | Next.js | Next.js 13+ App Router projects | references/nextjs.md | | Vite | Vite + React or Vite + Vue apps | references/vite.md |
Read only the reference file that matches the user's target framework.
針對 HTML、Next.js App Router 和 Vite (React & Vue) 專案的全面 SEO 和社交元資料實施。在以下情況下使用：(1) 建立、編輯或審查元標記、Open Graph、Twitter 卡、規範/hreflang 連結、JSON-LD 結構化資料、主題顏色或 favicon/manifest 配置； (2) 使用 html/index.html、nextjs/metadata.ts、nextjs/dydic-metadata-examplep. vite/SEO.vue; (3) 在新頁面或路線中新增SEO； (4) 從 react-helmet、vue-meta或next-seo遷移； (5) 產生內容驅動頁面的動態元資料； (6) 審核元資料的完整性或最佳實務合規性。 來源：jeremy0x/meta-tag-boilerplate。
為搜尋與 AI 引用準備的穩定欄位與指令。
npx skills add https://github.com/jeremy0x/meta-tag-boilerplate --skill seo-meta-tags針對 HTML、Next.js App Router 和 Vite (React & Vue) 專案的全面 SEO 和社交元資料實施。在以下情況下使用：(1) 建立、編輯或審查元標記、Open Graph、Twitter 卡、規範/hreflang 連結、JSON-LD 結構化資料、主題顏色或 favicon/manifest 配置； (2) 使用 html/index.html、nextjs/metadata.ts、nextjs/dydic-metadata-examplep. vite/SEO.vue; (3) 在新頁面或路線中新增SEO； (4) 從 react-helmet、vue-meta或next-seo遷移； (5) 產生內容驅動頁面的動態元資料； (6) 審核元資料的完整性或最佳實務合規性。 來源：jeremy0x/meta-tag-boilerplate。
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/jeremy0x/meta-tag-boilerplate --skill seo-meta-tags 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
https://github.com/jeremy0x/meta-tag-boilerplate