solid-meta-patterns
CommunityManage head tags in SolidJS apps.
Authorvallafederico
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill addresses the challenge of managing head tags (like <title>, <meta>, <link>) in SolidJS applications, ensuring proper SEO, social sharing, and browser compatibility.
Core Features & Use Cases
- Head Tag Management: Provides components and hooks to declaratively manage head tags.
- SEO Optimization: Easily set titles, descriptions, and canonical URLs for search engines.
- Social Sharing: Configure Open Graph and Twitter Card meta tags for rich previews on social media.
- Dynamic Content: Supports reactive meta tags that update based on application state.
- Use Case: When building a product page, use this Skill to dynamically set the
<Title>to the product name and add Open Graph tags with the product image and description for sharing on platforms like Twitter or Facebook.
Quick Start
Wrap your application with <MetaProvider> in your root layout file.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: solid-meta-patterns Download link: https://github.com/vallafederico/solid-ai-rules/archive/main.zip#solid-meta-patterns Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.