Claude MarketplacesSubmit
ibelick avatar

Fixing Metadata

ibelick/ui-skills

The skill audits and fixes HTML metadata across a website, including page titles, meta descriptions, canonical URLs, Open Graph tags, Twitter cards, favicons, and structured data. It serves developers and SEO practitioners shipping new pages or improving social share previews and search engine visibility. It solves the problem of incomplete or inconsistent metadata by providing a prioritized workflow that ensures metadata correctness, prevents duplicates, and aligns social card rendering with canonical URLs.

skills.sh installs
19.6K
GitHub stars
10.9K
last updated
Aug 21, 2026
View on GitHub

Install

$ npx -y skills add ibelick/ui-skills --skill fixing-metadata --agent claude-code

Installs into .claude/skills of the current project.

Files

Workflow

  1. Identify pages with missing or incorrect metadata (titles, descriptions, canonical, OG tags)
  2. Audit against the priority rules below — fix critical issues (duplicates, indexing) first
  3. Ensure title, description, canonical, and og:url all agree with each other
  4. Verify social cards render correctly on a real URL, not localhost
  5. Keep diffs minimal and scoped to metadata only — do not refactor unrelated code

when to apply

Reference these guidelines when:

  • adding or changing page titles, descriptions, canonical, robots
  • implementing Open Graph or Twitter card metadata
  • setting favicons, app icons, manifest, theme-color
  • building shared SEO components or layout metadata defaults
  • adding structured data (JSON-LD)
  • changing locale, alternate languages, or canonical routing
  • shipping new pages, marketing pages, or shareable links

rule categories by priority

SKILL.md on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Details

Repository
github.com/ibelick/ui-skills
Categories
Frontend Development, Debugging, Marketing & SEO

More from ibelick/ui-skills

All 5

Recommended

More Frontend Development
1onmax avatarviteonmax/nuxt-skillsVite build tool configuration, plugin API, SSR, and Vite 8 Rolldown migration. Use when working with Vite projects, vite.config.ts, Vite plugins, or building li2.5Kskills.sh installs
2onmax avatardocument-writeronmax/nuxt-skillsUse when writing blog posts or documentation markdown files - provides writing style guide (active voice, present tense), content structure patterns, and MDC co2.1Kskills.sh installs
3onmax avatarwriting-web-documentationonmax/nuxt-skillsWrite, rewrite, review, and organize developer-facing documentation for web software projects. Use when creating or improving README files, docs homepages, quic965skills.sh installs
4plugin87 avatardesign-tokensplugin87/ux-ui-agent-skillsGenerate, extend, or audit design tokens in DTCG format with the 3-tier architecture (primitive → semantic → component). Use when the user wants a color palette585skills.sh installs
5plugin87 avatarapply-aestheticplugin87/ux-ui-agent-skillsApply a visual direction — an archetype (high-end agency, editorial minimal, brutalist, soft-SaaS, dark-tech) or one of 138 named design systems (apple, linear-577skills.sh installs
6plugin87 avatardesign-qaplugin87/ux-ui-agent-skillsSet up or run design QA gates — token + hardcoded-value lint, automated a11y (axe), contrast, visual regression across variants/states/themes/RTL, and the manua560skills.sh installs