Manage SolidJS head tags reactively with declarative components and useHead.
npx skills add https://github.com/adamhjk/mvtt --skill solid-meta
Please help me install this Agent Skill. Skill: solid-meta Source: https://github.com/adamhjk/mvtt/tree/main/.claude/skills/solid-meta Command: npx skills add https://github.com/adamhjk/mvtt --skill solid-meta
Developers struggle to keep webpage head tags synchronized with dynamic content in SolidJS, affecting SEO and user experience.
<Title>, <Meta>, <Link> within app components for immediate updates.Wrap your application in <MetaProvider> and then add <Title>My Page</Title> inside your components to set page metadata.
High-intent search queries and answers about installing and using this skill.
To manage head tags reactively in a SolidJS app, wrap your application in a MetaProvider and use declarative components like Title, Meta, and Link. This automatically synchronizes your webpage metadata with dynamic content for SEO.
Dynamically update page titles and meta tags by placing declarative Title and Meta components inside your route components. As users navigate, SolidJS reactivity automatically updates the head tags without manual DOM manipulation.
Yes, declarative meta tags support server-side rendering in SolidJS. The MetaProvider and its components manage head tags across both client and server environments, ensuring proper SEO output for initial page loads.
The best way to add OpenGraph tags is using declarative Meta components within your SolidJS app. This approach handles reactive updates seamlessly and ensures social media crawlers receive correct metadata.
No, you do not need manual DOM manipulation to update SolidJS metadata. Declarative components handle updates automatically through SolidJS reactivity, and an imperative useHead function is available when needed.
adamhjkGuide reactive component props in SolidJS to prevent reactivity bugs.
KylerDConfigure SEO meta tags, OpenGraph, sitemaps, and robots.txt for web discoverability.
vallafedericoGuide SolidJS navigation with Solid Router links, redirects, and parameters.
vallafedericoManage head tags declaratively in SolidJS applications with reactive updates.