Menu
Auto-generates SEO meta tags, Open Graph data, structured data (JSON-LD), and sitemap entries for every page created.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Defines naming conventions, file structure, prop patterns, and composition rules for React/Next.js components. Ensures consistency across the codebase.
Generates conversion-optimized landing pages using a 9-section framework. Produces mobile-first, fast-loading pages with strategic CTA placement and social proof.
Defines and enforces visual design tokens across all generated components. Ensures brand consistency without re-explaining colors, fonts, or spacing every session.
Enforces mobile-first responsive design patterns. All components start at mobile width and scale up using min-width breakpoints. No desktop-first CSS.
Based on SOC occupation classification
| name | seo-meta-generation |
| description | Auto-generates SEO meta tags, Open Graph data, structured data (JSON-LD), and sitemap entries for every page created. |
| version | 1 |
| author | Motion_Viz |
| tags | ["seo","meta","og","structured-data"] |
Ensure every page ships with complete SEO metadata. INPUT: Page content and purpose. OUTPUT: Meta tags, OG tags, Twitter cards, JSON-LD, canonical URL.
<title>[Primary Keyword] - [Brand] | [Value Prop]</title>
<meta name="description" content="[Action-oriented description, 150-160 chars]">
<meta name="robots" content="index, follow">
<link rel="canonical" href="[full-canonical-url]">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:title" content="[Same as title or shorter]">
<meta property="og:description" content="[Same as meta description]">
<meta property="og:image" content="[1200x630 image URL]">
<meta property="og:url" content="[canonical URL]">
<meta property="og:type" content="website">
<meta property="og:site_name" content="[Brand Name]">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="[title]">
<meta name="twitter:description" content="[description]">
<meta name="twitter:image" content="[image URL]">
<meta name="twitter:site" content="@[handle]">
{
"@context": "https://schema.org",
"@type": "WebPage",
"name": "[Page Title]",
"description": "[Meta Description]",
"url": "[Canonical URL]",
"publisher": {
"@type": "Organization",
"name": "[Brand Name]",
"url": "[Homepage URL]"
}
}
{
"@type": "Service",
"name": "[Service Name]",
"description": "[Service Description]",
"provider": {
"@type": "Organization",
"name": "[Brand Name]"
}
}