Markstream Vue
Simon-He95/markstream-vue
Integrate markstream-vue into a Vue 3 app. An agent skill from Simon-He95/markstream-vue.
ALWAYS use when writing code importing "nuxt-og-image". An agent skill from harlan-zw/requestindexing.com.
$ npx skills add harlan-zw/requestindexing.com --skill nuxt-og-image-skilld -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install harlan-zw/requestindexing.com nuxt-og-image-skilld --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/harlan-zw/requestindexing.com.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.claude/skills/nuxt-og-image-skilld .claude/skills/nuxt-og-image-skilld && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "nuxt-og-image-skilld" agent skill from https://github.com/harlan-zw/requestindexing.com/tree/main/.claude/skills/nuxt-og-image-skilld into .claude/skills/nuxt-og-image-skilld/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "nuxt-og-image-skilld", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/harlan-zw/requestindexing.com/tree/main/.claude/skills/nuxt-og-image-skilldType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add harlan-zw/requestindexing.com --skill nuxt-og-image-skilld -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install harlan-zw/requestindexing.com nuxt-og-image-skilld --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/harlan-zw/requestindexing.com.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.claude/skills/nuxt-og-image-skilld .agents/skills/nuxt-og-image-skilld && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "nuxt-og-image-skilld" agent skill from https://github.com/harlan-zw/requestindexing.com/tree/main/.claude/skills/nuxt-og-image-skilld into .agents/skills/nuxt-og-image-skilld/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "nuxt-og-image-skilld", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add harlan-zw/requestindexing.com --skill nuxt-og-image-skilld -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install harlan-zw/requestindexing.com nuxt-og-image-skilld --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/harlan-zw/requestindexing.com.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.claude/skills/nuxt-og-image-skilld .cursor/skills/nuxt-og-image-skilld && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "nuxt-og-image-skilld" agent skill from https://github.com/harlan-zw/requestindexing.com/tree/main/.claude/skills/nuxt-og-image-skilld into .cursor/skills/nuxt-og-image-skilld/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "nuxt-og-image-skilld", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/harlan-zw/requestindexing.com.git --path .claude/skills/nuxt-og-image-skilld--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add harlan-zw/requestindexing.com --skill nuxt-og-image-skilld -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install harlan-zw/requestindexing.com nuxt-og-image-skilld --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/harlan-zw/requestindexing.com.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.claude/skills/nuxt-og-image-skilld .gemini/skills/nuxt-og-image-skilld && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "nuxt-og-image-skilld" agent skill from https://github.com/harlan-zw/requestindexing.com/tree/main/.claude/skills/nuxt-og-image-skilld into .gemini/skills/nuxt-og-image-skilld/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "nuxt-og-image-skilld", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install harlan-zw/requestindexing.com nuxt-og-image-skilldInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add harlan-zw/requestindexing.com --skill nuxt-og-image-skilld -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/harlan-zw/requestindexing.com.git skills-src && mkdir -p .github/skills && cp -r skills-src/.claude/skills/nuxt-og-image-skilld .github/skills/nuxt-og-image-skilld && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "nuxt-og-image-skilld" agent skill from https://github.com/harlan-zw/requestindexing.com/tree/main/.claude/skills/nuxt-og-image-skilld into .github/skills/nuxt-og-image-skilld/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "nuxt-og-image-skilld", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add harlan-zw/requestindexing.com --skill nuxt-og-image-skilld -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install harlan-zw/requestindexing.com nuxt-og-image-skilld --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/harlan-zw/requestindexing.com.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.claude/skills/nuxt-og-image-skilld .opencode/skills/nuxt-og-image-skilld && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "nuxt-og-image-skilld" agent skill from https://github.com/harlan-zw/requestindexing.com/tree/main/.claude/skills/nuxt-og-image-skilld into .opencode/skills/nuxt-og-image-skilld/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "nuxt-og-image-skilld", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
nuxt-og-image-skilldALWAYS use when writing code importing "nuxt-og-image". An agent skill from harlan-zw/requestindexing.com.
Nuxt Og Image Skilld is an agent skill from harlan-zw/requestindexing.com. ALWAYS use when writing code importing "nuxt-og-image". Consult for debugging, best practices, or modifying nuxt-og-image, nuxt og image, og-image, og image.
Its SKILL.md is about 2.4k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
It sits in Media & Creative, covering Social media graphics. It works with Nuxt and Vue.js. The repository describes itself as: Find your missing on pages Google and request them to be indexed using the Web Search Indexing API. The licence is MIT.
Read from SKILL.md and the folder at commit 81644c0. It shows what the files ask for, not the result of running them.
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Shell commands in SKILL.md call:
npxFrom the folder's file list and the shell code blocks in SKILL.md.
No URLs in SKILL.md. Its commands use npx, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Nuxt Og Image Skilld loads about 2.4k tokens when it runs. Until then it costs about 45 tokens; SKILL.md has 793 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
The full file from harlan-zw/requestindexing.com at commit 81644c0, republished under its MIT licence (© harlan-zw). 793 words, ~2,389 tokens.
.claude/skills/nuxt-og-image-skilld/SKILL.md (or your agent's skills folder).nuxt-og-imageVersion: 6.0.0-beta.46 (Mar 2026) Deps: @clack/prompts@^1.0.1, @nuxt/devtools-kit@^3.2.2, @nuxt/kit@^4.3.1, @vue/compiler-sfc@^3.5.29, chrome-launcher@^1.2.1, consola@^3.4.2, culori@^4.0.2, defu@^6.1.4, devalue@^5.6.3, exsolve@^1.0.8, lightningcss@^1.31.1, magic-string@^0.30.21, magicast@^0.5.2, mocked-exports@^0.1.1, nuxt-site-config@^3.2.21, nypm@^0.6.5, ofetch@^1.5.1, ohash@^2.0.11, pathe@^2.0.3, pkg-types@^2.3.0, radix3@^1.1.2, sirv@^3.0.2, std-env@^3.10.0, strip-literal@^3.1.0, tinyexec@^1.0.2, tinyglobby@^0.2.15, ufo@^1.6.3, ultrahtml@^1.6.0, unplugin@^3.0.0 Tags: latest: 5.1.13 (Dec 2025), beta: 6.0.0-beta.46 (Mar 2026)
References: package.json — exports, entry points • README — setup, basic usage • Docs — API reference, guides • GitHub Issues — bugs, workarounds, edge cases • Releases — changelog, breaking changes, new APIs
Use skilld search instead of grepping .skilld/ directories — hybrid semantic + keyword search across all indexed docs, issues, and releases. If skilld is unavailable, use npx -y skilld search.
skilld search "query" -p nuxt-og-image
skilld search "issues:error handling" -p nuxt-og-image
skilld search "releases:deprecated" -p nuxt-og-imageFilters: docs:, issues:, releases: prefix narrows by source type.
This section documents version-specific API changes — prioritize recent major/minor releases.
BREAKING: <OgImage> and <OgImageScreenshot> Vue components removed — use defineOgImage() and defineOgImageScreenshot() composables instead source
BREAKING: defineOgImageComponent() deprecated — use defineOgImage(component, props, options) instead with component name as first argument source
BREAKING: Component renderer suffix now required — rename components/OgImage/MyTemplate.vue to MyTemplate.takumi.vue, MyTemplate.satori.vue, or MyTemplate.browser.vue based on renderer source
BREAKING: Renderer dependencies no longer bundled — explicitly install @takumi-rs/core (Node.js) or @takumi-rs/wasm (Edge), satori + @resvg/resvg-js, or playwright-core based on your renderer choice source
BREAKING: ogImage.fonts config removed — use @nuxt/fonts module instead; Inter (400, 700) bundled as zero-config fallback source
BREAKING: ogImage.componentOptions config removed — components are no longer registered globally source
BREAKING: defaults.renderer and renderer option on defineOgImage() removed — renderer determined by component filename suffix only source
BREAKING: OG Image URL paths changed from /__og-image__/* to /_og/* with new Cloudinary-style encoding; query params no longer in cache key by default source
BREAKING: chromium renderer renamed to browser — update component suffixes and config options source
BREAKING: browser: 'node' compatibility option removed — use browser: 'playwright' instead source
BREAKING: Nuxt Content v2 support removed — upgrade to Nuxt Content v3 and use defineOgImage() in page components source
NEW: defineOgImage() first-argument component syntax — defineOgImage('MyComponent', props, options) replaces defineOgImageComponent() source
NEW: Multiple OG images per page via key parameter — generate different dimensions for different platforms (e.g., 1200x600 for Twitter, 800x800 for WhatsApp) source
NEW: Takumi renderer as recommended option — 2-10x faster than Satori with comprehensive CSS support and default 2x DPI for crisp images source
NEW: Renderer-specific component variants — create MyTemplate.satori.vue and MyTemplate.takumi.vue in same directory for multiple renderer implementations source
NEW: @nuxt/fonts integration — custom fonts work automatically when module installed; Inter bundled as zero-config default source
NEW: First-class CSS support — Tailwind v4 with @theme, UnoCSS, CSS variables, and Nuxt UI v3 semantic colors all just work out-of-box source
NEW: cacheQueryParams config option — restore v5 behavior of including query params in cache keys source
NEW: cacheVersion config option — controls cache key namespacing and allows manual cache invalidation source
NEW: getOgImagePath() utility (auto-imported) — programmatically get OG image URLs instead of hardcoding them source
NEW: Cloudflare Browser Rendering support — use provider: 'cloudflare', binding: 'BROWSER' in config for runtime screenshots on Cloudflare source
BREAKING: #nuxt-og-image-utils alias removed — use #og-image/shared instead source
BREAKING: useOgImageRuntimeConfig import path changed — import from #og-image/app/utils not #og-image/shared source
strictNuxtContentPaths config removed — this option had no effect in Nuxt Content v3 sourceAlso changed: Community templates must be ejected before production builds · Hash mode URLs for prerendering with long options · Sharp JPEG errors now throw instead of silent fallback · defineOgImage() now returns array of generated paths
Use Takumi renderer by default — 2-10x faster than Satori with comprehensive CSS support including gradients, shadows, opacity, CSS Grid, transforms, and filters source
Name OG image components with renderer suffix (e.g., MyTemplate.takumi.vue) — enables automatic renderer detection, tree-shaking of unused code, and supports multiple renderer variants of the same component source
Enable zeroRuntime for prerendered-only apps — removes 81% of Nitro renderer code from production bundle when all OG images are generated at build time source
Persist runtimeCacheStorage with Redis or KV bindings in production — default memory cache clears on server restart; configure via Nitro plugin for environment-specific connection details source
Enable buildCache in CI/CD pipelines — caches rendered images between deployments to skip regeneration of identical content; configure GitHub Actions or GitLab CI to persist the cache directory source
Configure custom fonts only via @nuxt/fonts with global: true — manual CSS @font-face or CDN links do not work in OG image renderers; Inter (400, 700) is bundled as fallback source
Use props-based pattern for i18n — resolve translations at page level and pass as props rather than using useI18n() inside OG components; components render in isolated server context without locale context source
Create multiple OG images with shared props — pass shared props as second argument and size/key variants as third array to reduce duplication across Twitter, Facebook, WhatsApp sizes source
Avoid wildcard route rules with caching — patterns like '/**' with swr/isr/cache break OG image routes; use specific patterns like '/blog/**' instead source
© harlan-zw, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Just SKILL.md in .claude/skills/nuxt-og-image-skilld of harlan-zw/requestindexing.com.
Open the folder on GitHubat commit 81644c0
Nuxt Og Image Skilld next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Nuxt Og Image Skilld this skillharlan-zw/requestindexing.com | 396 | — | ~2.4k | Automated safety check: Pass | MIT | |
| Markstream VueSimon-He95/markstream-vue | 3k | — | ~2.2k | Automated safety check: Pass | MIT | |
| AI Model WebTencentCloudBase/CloudBase-AI-Toolkit | 1.1k | 2 repos | ~6.1k | Automated safety check: Notes | MIT | |
| Domscribepatchorbit/domscribe | 194 | — | ~3.3k | Automated safety check: Notes | MIT | |
| Nuxt SEO Utilsharlan-zw/nuxt-seo-utils | 130 | — | ~2.1k | Automated safety check: Pass | MIT | |
| PiniaJetBrains/skills | 366 | 9 repos | ~682 | Automated safety check: Pass | None |
Simon-He95/markstream-vue
Integrate markstream-vue into a Vue 3 app. An agent skill from Simon-He95/markstream-vue.
TencentCloudBase/CloudBase-AI-Toolkit
A skill your agent uses when a browser/Web app (React, Vue, Next, Nuxt, static sites, SPAs, dashboards, AI chat UI, 页面, 前端, 网页) needs AI models via @cloudbase/js-sdk.
patchorbit/domscribe
Work with Domscribe — the pixel-to-code bridge. An agent skill from patchorbit/domscribe.
harlan-zw/nuxt-seo-utils
Set up, override, and debug the default SEO head tags in a Nuxt app with the nuxt-seo-utils module.
JetBrains/skills
Pinia official Vue state management library, type-safe and extensible.
skilld-dev/vue-ecosystem-skills
A skill your agent uses when writing, reviewing, or debugging code that imports @vueuse/motion (v-motion directive, Motion/MotionGroup components, useMotion, useSpring, presets, Nuxt module).
harlan-zw/requestindexing.com
ALWAYS use when writing code importing "nuxt-auth-utils". An agent skill from harlan-zw/requestindexing.com.
harlan-zw/requestindexing.com
ALWAYS use when writing code importing "nuxt". An agent skill from harlan-zw/requestindexing.com.
harlan-zw/requestindexing.com
ALWAYS use when writing code importing "@nuxt/ui". An agent skill from harlan-zw/requestindexing.com.
harlan-zw/requestindexing.com
Replay Request Indexing onboarding as a new user on the web dashboard and through a coding agent, capture every page and state, check the onboarding mail, and fix material defects.
Categories
ALWAYS use when writing code importing "nuxt-og-image". An agent skill from harlan-zw/requestindexing.com. com. ALWAYS use when writing code importing "nuxt-og-image".
Nuxt Og Image Skilld fits situations like: writing code importing nuxt-og-image; tasks that involve Social media graphics.
Run `npx skills add harlan-zw/requestindexing.com --skill nuxt-og-image-skilld -a claude-code`. Or copy the skill folder (.claude/skills/nuxt-og-image-skilld in harlan-zw/requestindexing.com) into .claude/skills/nuxt-og-image-skilld in your project. Claude Code loads it when a task matches its description.
Run `npx skills add harlan-zw/requestindexing.com --skill nuxt-og-image-skilld -a codex`. Or copy the skill folder (.claude/skills/nuxt-og-image-skilld in harlan-zw/requestindexing.com) into .agents/skills/nuxt-og-image-skilld in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add harlan-zw/requestindexing.com --skill nuxt-og-image-skilld -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/nuxt-og-image-skilld, .gemini/skills/nuxt-og-image-skilld, .github/skills/nuxt-og-image-skilld and .opencode/skills/nuxt-og-image-skilld in your project.
Going by SKILL.md and its folder, Nuxt Og Image Skilld needs the command-line tools its instructions call (npx). Our summary lists: Node.js.
SKILL.md contains no URLs. Its commands use npx, which can reach the network depending on how they are called. This is read from the text; nothing was executed.
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
Nuxt Og Image Skilld is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
About 2.4k tokens (SKILL.md is roughly 9.6k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
Skills that share tags, products or a category with Nuxt Og Image Skilld: Markstream Vue (Simon-He95/markstream-vue, 3k stars), AI Model Web (TencentCloudBase/CloudBase-AI-Toolkit, 1.1k stars), Domscribe (patchorbit/domscribe, 194 stars) and Nuxt SEO Utils (harlan-zw/nuxt-seo-utils, 130 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
harlan-zw (a GitHub user) maintains it in harlan-zw/requestindexing.com, which has 396 GitHub stars. The repository holds 5 skills in this directory. The repository was last updated on October 11, 2026.
Source: harlan-zw/requestindexing.com on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.