Vibe Index
🎯

fixing-metadata

🎯Skill

from ibelick/ui-skills

VibeIndex|
What it does
|

A set of skills to polish interfaces built by agents, covering opinionated UI baselines, accessibility fixes, metadata correction, and performance-first UI motion.

Overview

A Claude Code skill from the ibelick/ui-skills collection that focuses on fixing and correcting HTML metadata elements in web projects. It ensures correct page titles, meta descriptions, Open Graph tags, and social media cards, helping pages display properly when shared on social platforms and in search results.

Key Features

  • Metadata Correction - Fixes incorrect or missing page titles, meta descriptions, and other head elements
  • Social Card Optimization - Ensures Open Graph and Twitter Card tags are properly configured for rich previews when shared
  • Part of UI Polish Suite - Works alongside companion skills for accessibility, UI baselines, and motion performance
  • Simple Installation - Install via npx ui-skills add fixing-metadata or as part of the full collection
  • Automatic Activation - Triggers when relevant metadata tasks are detected in your workflow

Who is this for?

This skill is designed for frontend developers and web designers who want to ensure their pages have correct metadata for SEO, social sharing, and browser display. It is particularly useful for teams using AI-assisted development who want to catch and fix metadata issues as part of their UI polish workflow.

πŸ“¦

Same repository

ibelick/ui-skills(5 items)

fixing-metadata

Installation

Vibe Index InstallInstalls to .claude/skills/ - auto-recognized by Claude Code
npx vibeindex add ibelick/ui-skills --skill fixing-metadata
skills.sh Install⚠ Installs to .agents/skills/ - may not be auto-recognized by Claude Code
npx skills add ibelick/ui-skills --skill fixing-metadata
Manual InstallCopy SKILL.md content and save to the path below
~/.claude/skills/fixing-metadata/SKILL.md

SKILL.md

2,764Installs
686
-
Last UpdatedJan 23, 2026
View on GitHubBack to Skills

More from this repository4

🎯
fixing-motion-performance🎯Skill

Diagnoses and fixes animation performance issues including frame drops, jank, and layout thrashing in web interfaces.

🎯
fixing-accessibility🎯Skill

Identifies and fixes web accessibility issues to meet WCAG guidelines, analyzing HTML, CSS, and JavaScript for compliance.

🎯
baseline-ui🎯Skill

Reviews and polishes UI code for consistent styling, layout, typography, and design system adherence in agent-built interfaces.

🎯
ui-skills🎯Skill

Polishes agent-built interfaces with skills for baseline UI review, accessibility fixes, metadata corrections, and motion performance optimization.