Ejecuta cualquier Skill en Manus
con un clic

Ejecuta cualquier Skill en Manus con un clic

nuxt-seo-best-practices

Estrellas104

Forks4

Actualizado4 de marzo de 2026 a las 15:51

Nuxt SEO optimization guidelines for Cloudflare-deployed applications. Covers dynamic OG image generation on CF Workers, page SEO composables, JSON-LD structured data, SSR externals, and Nitro configuration. Triggers on tasks involving SEO, meta tags, OG images, Open Graph, Satori, social sharing, or Cloudflare Workers deployment.

Instalación

Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.

Ejecutar en Manus

Fuente

vinayakkulkarni

vinayakkulkarni/nxui

Abrir repositorio de GitHub Ver repositorios del creador

Descarga

Ejecutar en Manus

Ocupaciones relacionadasSOC

Basado en la clasificación ocupacional SOC

Desarrolladores de softwareOcupaciones informáticas y matemáticas·SOC 15-1252

Explorador de archivos

19 archivos

SKILL.md

readonly

name	nuxt-seo-best-practices
description	Nuxt SEO optimization guidelines for Cloudflare-deployed applications. Covers dynamic OG image generation on CF Workers, page SEO composables, JSON-LD structured data, SSR externals, and Nitro configuration. Triggers on tasks involving SEO, meta tags, OG images, Open Graph, Satori, social sharing, or Cloudflare Workers deployment.
license	MIT
metadata	{"author":"vinayakkulkarni","version":"1.0.0"}

Nuxt SEO Best Practices

Comprehensive SEO optimization guide for Nuxt 4 applications deployed to Cloudflare Pages/Workers. Contains 11 rules across 4 categories, prioritized by impact to guide automated refactoring and code generation.

When to Apply

Reference these guidelines when:

Generating dynamic OG images on Cloudflare Workers
Setting up page-level SEO meta tags and composables
Adding JSON-LD structured data
Configuring Nitro for Cloudflare Pages deployment
Handling SSR-incompatible client-only libraries
Setting up social sharing meta (Open Graph, Twitter Cards)
Working with Satori for image generation (NEVER use React)

Rule Categories by Priority

Priority	Category	Impact	Prefix
1	OG Image Generation	CRITICAL	`og-`
2	Page SEO & Meta	HIGH	`meta-`
3	Structured Data	MEDIUM	`schema-`
4	Cloudflare & Nitro Config	HIGH	`cf-`

Quick Reference

1. OG Image Generation (CRITICAL)

og-cf-workers - Generate dynamic OG images on Cloudflare Workers with @cf-wasm/og
og-no-react - Use plain JS objects for Satori elements, NEVER React
og-cache-headers - Cache OG images with immutable headers for CDN

2. Page SEO & Meta (HIGH)

meta-use-page-seo - Reusable composable for consistent page-level SEO
meta-social-tags - Proper Open Graph and Twitter Card meta tags
meta-canonical-url - Canonical URLs and og:url for every page

3. Structured Data (MEDIUM)

schema-json-ld - JSON-LD structured data in app.vue for Google Rich Results

4. Cloudflare & Nitro Config (HIGH)

cf-compatibility-date - Pin compatibilityDate, never use 'latest'
cf-nitro-config - Nitro config for CF Pages (nodeCompat, process.stdout, WASM)
cf-ssr-externals - SSR external config for client-only libraries
cf-wasm-import - WASM module configuration for Cloudflare Workers

How to Use

Read individual rule files for detailed explanations and code examples:

rules/og-cf-workers.md
rules/meta-use-page-seo.md
rules/_sections.md

Each rule file contains:

Brief explanation of why it matters
Incorrect code example with explanation
Correct code example with explanation
Additional context and Nuxt/Cloudflare-specific notes

Full Compiled Document

For the complete guide with all rules expanded: AGENTS.md

Más de este repositorio

mismo repositorio

vue-best-practices

vinayakkulkarni/nxui

Vue.js performance optimization guidelines for building fast, maintainable applications. This skill should be used when writing, reviewing, or refactoring Vue.js code to ensure optimal performance patterns. Triggers on tasks involving Vue components, reactivity, Composition API, state management, or performance improvements.

2026-07-08104

nuxt-geo-best-practices

vinayakkulkarni/nxui

Nuxt GEO (Generative Engine Optimization) guidelines for getting cited by ChatGPT, Perplexity, Claude, Google AI Overviews, and Gemini. Covers AI crawler access (llms.txt, GPTBot/ClaudeBot/PerplexityBot allowlisting), content extractability for RAG retrieval, entity clarity via JSON-LD, and the evidence-backed +40% visibility levers (statistics, citations, quotations) from the GEO arxiv paper. Triggers on tasks involving GEO, AEO, AI search, LLM visibility, llms.txt, AI crawlers, ChatGPT citations, Perplexity, AI Overviews, generative engines, or AI mentions.

2026-06-15104

nxui-design

vinayakkulkarni/nxui

Project-level design skill for nxui (nxui.geoql.in). Pins the componentry.fun ground-truth direction — dark-first animated component showcase. Use BEFORE any visual work in this app.

2026-06-12104

content-strategy

vinayakkulkarni/nxui

When the user wants to plan a content strategy, decide what content to create, or figure out what topics to cover. Also use when the user mentions "content strategy," "what should I write about," "content ideas," "blog strategy," "topic clusters," "content planning," "editorial calendar," "content marketing," "content roadmap," "what content should I create," "blog topics," "content pillars," or "I don't know what to write." Use this whenever someone needs help deciding what content to produce, not just writing it. For writing individual pieces, see copywriting. For SEO-specific audits, see seo-audit. For social media content specifically, see social-content.

2026-03-05104

copywriting

vinayakkulkarni/nxui

When the user wants to write, rewrite, or improve marketing copy for any page — including homepage, landing pages, pricing pages, feature pages, about pages, or product pages. Also use when the user says "write copy for," "improve this copy," "rewrite this page," "marketing copy," "headline help," "CTA copy," "value proposition," "tagline," "subheadline," "hero section copy," "above the fold," "this copy is weak," "make this more compelling," or "help me describe my product." Use this whenever someone is working on website text that needs to persuade or convert. For email copy, see email-sequence. For popup copy, see popup-cro. For editing existing copy, see copy-editing.

2026-03-05104

launch-strategy

vinayakkulkarni/nxui

When the user wants to plan a product launch, feature announcement, or release strategy. Also use when the user mentions 'launch,' 'Product Hunt,' 'feature release,' 'announcement,' 'go-to-market,' 'beta launch,' 'early access,' 'waitlist,' 'product update,' 'how do I launch this,' 'launch checklist,' 'GTM plan,' or 'we're about to ship.' Use this whenever someone is preparing to release something publicly. For ongoing marketing after launch, see marketing-ideas.

2026-03-05104

name	nuxt-seo-best-practices
description	Nuxt SEO optimization guidelines for Cloudflare-deployed applications. Covers dynamic OG image generation on CF Workers, page SEO composables, JSON-LD structured data, SSR externals, and Nitro configuration. Triggers on tasks involving SEO, meta tags, OG images, Open Graph, Satori, social sharing, or Cloudflare Workers deployment.
license	MIT
metadata	{"author":"vinayakkulkarni","version":"1.0.0"}

Nuxt SEO Best Practices

When to Apply

Reference these guidelines when:

Generating dynamic OG images on Cloudflare Workers
Setting up page-level SEO meta tags and composables
Adding JSON-LD structured data
Configuring Nitro for Cloudflare Pages deployment
Handling SSR-incompatible client-only libraries
Setting up social sharing meta (Open Graph, Twitter Cards)
Working with Satori for image generation (NEVER use React)

Rule Categories by Priority

Priority	Category	Impact	Prefix
1	OG Image Generation	CRITICAL	`og-`
2	Page SEO & Meta	HIGH	`meta-`
3	Structured Data	MEDIUM	`schema-`
4	Cloudflare & Nitro Config	HIGH	`cf-`

Quick Reference

1. OG Image Generation (CRITICAL)

og-cf-workers - Generate dynamic OG images on Cloudflare Workers with @cf-wasm/og
og-no-react - Use plain JS objects for Satori elements, NEVER React
og-cache-headers - Cache OG images with immutable headers for CDN

2. Page SEO & Meta (HIGH)

meta-use-page-seo - Reusable composable for consistent page-level SEO
meta-social-tags - Proper Open Graph and Twitter Card meta tags
meta-canonical-url - Canonical URLs and og:url for every page

3. Structured Data (MEDIUM)

schema-json-ld - JSON-LD structured data in app.vue for Google Rich Results

4. Cloudflare & Nitro Config (HIGH)

cf-compatibility-date - Pin compatibilityDate, never use 'latest'
cf-nitro-config - Nitro config for CF Pages (nodeCompat, process.stdout, WASM)
cf-ssr-externals - SSR external config for client-only libraries
cf-wasm-import - WASM module configuration for Cloudflare Workers

How to Use

Read individual rule files for detailed explanations and code examples:

rules/og-cf-workers.md
rules/meta-use-page-seo.md
rules/_sections.md

Each rule file contains:

Brief explanation of why it matters
Incorrect code example with explanation
Correct code example with explanation
Additional context and Nuxt/Cloudflare-specific notes

Full Compiled Document

For the complete guide with all rules expanded: AGENTS.md