Jeden Skill in Manus ausführen
mit einem Klick

Jeden Skill in Manus mit einem Klick ausführen

nuxt-seo-best-practices

Sterne104

Forks4

Aktualisiert4. März 2026 um 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.

Installation

Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.

In Manus ausführen

Quelle

vinayakkulkarni

vinayakkulkarni/nxui

GitHub-Repository öffnen Creator-Repositorys ansehen

Download

In Manus ausführen

Verwandte BerufeSOC

Basierend auf der SOC-Berufsklassifikation

SoftwareentwicklerInformatik- und Mathematikberufe·SOC 15-1252

Datei-Explorer

19 Dateien

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

Mehr aus diesem Repository

gleiches Repository

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