Unhead Vue Skilld
Automates repetitive Vue component refactoring tasks, improving code consistency and developer efficiency.
Install on your platform
We auto-selected Claude Code based on this skill’s supported platforms.
Run in terminal (recommended)
claude mcp add unhead-vue-skilld npx -- -y @trustedskills/unhead-vue-skilld
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"unhead-vue-skilld": {
"command": "npx",
"args": [
"-y",
"@trustedskills/unhead-vue-skilld"
]
}
}
}Requires Claude Code (claude CLI). Run claude --version to verify your install.
About This Skill
What it does
This skill provides a Vue.js component for dynamically managing <head> tags in your application. It allows you to update meta tags, titles, and other head elements based on the current route or component state. This ensures SEO optimization and dynamic page updates without manual DOM manipulation.
When to use it
- SEO Optimization: Automatically update meta descriptions and title tags for each page of a Vue.js application.
- Dynamic Content: Change page titles and metadata based on user actions or data fetched from an API.
- Single-Page Applications (SPAs): Maintain proper SEO and social sharing previews in SPAs where traditional server-side rendering isn't used.
- A/B Testing: Dynamically adjust meta tags to test different page descriptions for improved click-through rates.
Key capabilities
- Dynamic
<head>tag management - Vue.js component integration
- SEO optimization support
- Social sharing preview updates
Example prompts
- "Update the title tag to 'My Awesome Blog Post'."
- "Set the meta description for this page to 'Learn about Vue.js and dynamic head tags.'"
- "Change the canonical URL based on the current route."
Tips & gotchas
- Requires a basic understanding of Vue.js components and props.
- Ensure proper configuration within your Vue application's main entry point for seamless integration.
Tags
TrustedSkills Verification
Unlike other registries that point to live repositories, TrustedSkills pins every skill to a verified commit hash. This protects you from malicious updates — what you install today is exactly what was reviewed and verified.
Security Audits
| Gen Agent Trust Hub | Pass |
| Socket | Pass |
| Snyk | Pass |
🌐 Community
Passed automated security scans.