fix-metadata

Update page titles, favicons, meta descriptions, and Open Graph tags in SvelteKit projects.

Updated Apr 9, 2026
One-click install
npx skills add https://github.com/archetypeai/newton-earthquake-demo --skill fix-metadata
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: fix-metadata
Source: https://github.com/archetypeai/newton-earthquake-demo/tree/main/.claude/skills/fix-metadata
Command: npx skills add https://github.com/archetypeai/newton-earthquake-demo --skill fix-metadata

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Metadata management in SvelteKit apps is error-prone and inconsistent, leading to missing or conflicting titles, favicons, descriptions, and OG data that degrade SEO and social previews.

Core Features & Use Cases

  • Centralizes global and per-route metadata updates across app.html, layout, and pages.
  • Ensures consistent branding via titles, favicons, meta descriptions, and Open Graph tags.
  • Example: quickly align SEO metadata across a large SvelteKit project during rebranding or SEO improvements.

Quick Start

Copy the default favicon to static and update src/app.html and src/routes/+layout.svelte with the correct favicon link and global metadata.

Frequently Asked Questions about fix-metadata

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I update SEO metadata and Open Graph tags for individual routes in SvelteKit?

To update SEO metadata in SvelteKit, apply per-route changes within your +page.svelte files while defining global defaults in app.html and +layout.svelte. This ensures titles, favicons, meta descriptions, and Open Graph tags remain consistent across your project.

Why are my favicons and meta descriptions missing or inconsistent across my SvelteKit app?

Favicons and meta descriptions become inconsistent when global and per-route metadata conflict. Centralizing updates across app.html, layout, and pages ensures correct favicon links and global metadata are properly defined and applied throughout the SvelteKit project.

Can I manage SvelteKit page titles and OG tags using a frontmatter-driven workflow?

Yes, you can manage SvelteKit page titles and OG tags using a frontmatter-driven workflow. This approach applies safe validations to your metadata updates, ensuring branding and SEO tags are consistently enforced across app.html and route files.

What is the best way to align SEO metadata across a large SvelteKit project during rebranding?

The best way to align SEO metadata during rebranding is to centralize updates across app.html, +layout.svelte, and +page.svelte files. This applies consistent titles, favicons, and Open Graph tags globally and per-route with a clear verification process.

Does this metadata update process support per-route overrides while keeping global defaults?

Yes, the metadata update process supports per-route overrides while maintaining global defaults. By structuring updates across app.html, +layout.svelte, and +page.svelte, you ensure base branding remains intact while allowing specific route-level SEO customization.

How do I verify SvelteKit metadata changes after updating titles and Open Graph tags?

To verify SvelteKit metadata changes, follow a clear verification process after applying frontmatter-driven updates. This ensures that titles, favicons, and Open Graph tags are correctly rendered in app.html, layout, and page files without conflicts.