Skills Agentes

Fixing Metadata

Audita y corrige metadatos HTML: títulos, descripciones, canónicas, Open Graph, Twitter cards, favicons, JSON-LD y robots. Úsalo al añadir SEO, arreglar vistas previas, revisar Open Graph, configurar canónicas o publicar páginas nuevas.

Estrellas
8.3k

en todo el repo

Actividad
25

0–100, la ruta de este skill

Actualizado
hace 7 meses

último commit aquí

Commits
0

últimos 90 días

Contexto
1.1k tok

85 tok en reposo

Paquete
1 archivo

4 KB

Instalar

Funciona con cualquier agente que lea SKILL.md

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

Se instala solo en este repositorio.

Qué hace

  • Audita páginas en busca de metadatos HTML ausentes o incorrectos: títulos, meta descripciones, canónicas, Open Graph, Twitter cards, favicons, JSON-LD y robots.
  • Prioriza los fallos críticos (duplicados, indexación, canónicas) antes que los secundarios.
  • Asegura que title, description, canonical y og:url sean coherentes entre sí.
  • Verifica las tarjetas sociales en una URL real, no en localhost.
  • Mantiene los cambios mínimos y limitados a metadatos; no refactoriza código ajeno.

Úsalo cuando

  • Al añadir o cambiar metadatos de página: títulos, descripciones, canónicas o robots.
  • Al implementar Open Graph, Twitter cards o datos estructurados (JSON-LD).
  • Al configurar favicons, iconos, manifest, theme-color o componentes SEO compartidos.
  • Al cambiar locale, idiomas alternativos o enrutado canónico, y al publicar páginas nuevas o enlaces compartibles.

No lo uses cuando

    Qué lo activa

    Di cualquiera de estas frases y el agente debería cargar este skill.

    • Revisa los metadatos SEO de esta página y dime qué falta o sobra.
    • No se ve la vista previa al compartir el enlace; arregla las etiquetas Open Graph.
    • Comprueba que el canonical y el og:url coincidan en todas las páginas.
    • La página de staging no debe indexarse; añade noindex y corrige el canonical.
    • Añade los meta tags básicos (title, description, canonical) a la nueva página de marketing.

    SKILL.md

    En inglés

    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

    priority category impact
    1 correctness and duplication critical
    2 title and description high
    3 canonical and indexing high
    4 social cards high
    5 icons and manifest medium
    6 structured data medium
    7 locale and alternates low-medium
    8 tool boundaries critical

    quick reference

    1. correctness and duplication (critical)

    • define metadata in one place per page, avoid competing systems
    • do not emit duplicate title, description, canonical, or robots tags
    • metadata must be deterministic, no random or unstable values
    • escape and sanitize any user-generated or dynamic strings
    • every page must have safe defaults for title and description

    2. title and description (high)

    • every page must have a title
    • use a consistent title format across the site
    • keep titles short and readable, avoid stuffing
    • shareable or searchable pages should have a meta description
    • descriptions must be plain text, no markdown or quote spam

    3. canonical and indexing (high)

    • canonical must point to the preferred URL for the page
    • use noindex only for private, duplicate, or non-public pages
    • robots meta must match actual access intent
    • previews or staging pages should be noindex by default when possible
    • paginated pages must have correct canonical behavior

    4. social cards (high)

    • shareable pages must set Open Graph title, description, and image
    • Open Graph and Twitter images must use absolute URLs
    • prefer correct image dimensions and stable aspect ratios
    • og:url must match the canonical URL
    • use a sensible og:type, usually website or article
    • set twitter:card appropriately, summary_large_image by default

    5. icons and manifest (medium)

    • include at least one favicon that works across browsers
    • include apple-touch-icon when relevant
    • manifest must be valid and referenced when used
    • set theme-color intentionally to avoid mismatched UI chrome
    • icon paths should be stable and cacheable

    6. structured data (medium)

    • do not add JSON-LD unless it clearly maps to real page content
    • JSON-LD must be valid and reflect what is actually rendered
    • do not invent ratings, reviews, prices, or organization details
    • prefer one structured data block per page unless required

    7. locale and alternates (low-medium)

    • set the html lang attribute correctly
    • set og:locale when localization exists
    • add hreflang alternates only when pages truly exist
    • localized pages must canonicalize correctly per locale

    8. tool boundaries (critical)

    • prefer minimal changes, do not refactor unrelated code
    • do not migrate frameworks or SEO libraries unless requested
    • follow the project's existing metadata pattern (Next.js metadata API, react-helmet, manual head, etc.)

    review guidance

    • fix critical issues first (duplicates, canonical, indexing)
    • ensure title, description, canonical, and og:url agree
    • verify social cards on a real URL, not localhost
    • prefer stable, boring metadata over clever or dynamic
    • keep diffs minimal and scoped to metadata only

    Reproducido de ibelick/ui-skills bajo licencia MIT. Leer esta página en markdown.

    Archivos

    1 archivo en el paquete. Solo se lee SKILL.md al activarse — las referencias se cargan si el skill decide que las necesita.

    Detalles

    Creador
    ibelick
    Categoría
    SEO y GEO
    Licencia
    MIT
    Recursos incluidos
    Solo SKILL.md
    Código fuente
    Ver SKILL.md

    Etiquetas

    Más de ibelick/ui-skills

    Este repo incluye 7 skills. Si instalas uno, normalmente ya tienes los demás. Ver el pack ui-skills entero y su comando de instalación

    Crea o actualiza un DESIGN.md desde un repositorio o web pública: documenta el lenguaje de diseño, reconstruye el sistema visual y extrae tokens y pautas de evidencia. No modifica código fuente ni convierte patrones accidentales en diseño.

    Costo de contexto al activarse
    4.1k tok
    Tamaño del paquete
    1 archivo
    Última actualización
    el mes pasado
    herramientas desarrollo

    Audita una interfaz contra su diseño, detecta problemas de UI verificados y escribe planes autocontenidos sin tocar código. Útil para revisar, refinar o limpiar sin cambiar la identidad, ver deriva del design system o preparar un handoff.

    Costo de contexto al activarse
    2k tok
    Tamaño del paquete
    3 archivos
    Última actualización
    el mes pasado
    diseno ui

    Úsalo antes de trabajo relacionado con UI para seleccionar el contexto de UI Skills más pequeño y útil a través de la CLI ui-skills.

    Costo de contexto al activarse
    362 tok
    Tamaño del paquete
    1 archivo
    Última actualización
    hace 2 meses
    diseno ui

    Pule rápido el código de interfaz corrigiendo espaciado, jerarquía, tipografía y pequeños problemas de layout. Úsalo cuando la interfaz necesite una limpieza o un pulido rápido.

    Costo de contexto al activarse
    855 tok
    Tamaño del paquete
    1 archivo
    Última actualización
    hace 3 meses
    diseno ui

    Audita y corrige problemas de accesibilidad HTML: ARIA, navegación por teclado, gestión del foco, contraste de color y errores de formulario. Úsalo al añadir controles interactivos, formularios, diálogos o revisar WCAG.

    Costo de contexto al activarse
    1.2k tok
    Tamaño del paquete
    1 archivo
    Última actualización
    hace 6 meses
    herramientas desarrollo

    Audita y corrige problemas de rendimiento en animaciones: layout thrashing, propiedades del compositor, movimiento ligado al scroll y desenfoques. Úsalo si las animaciones van a tirones o revisas el rendimiento de animaciones CSS/JS.

    Costo de contexto al activarse
    1.4k tok
    Tamaño del paquete
    1 archivo
    Última actualización
    hace 6 meses
    herramientas desarrollo

    Skills relacionados

    Pule rápido el código de interfaz corrigiendo espaciado, jerarquía, tipografía y pequeños problemas de layout. Úsalo cuando la interfaz necesite una limpieza o un pulido rápido.

    Costo de contexto al activarse
    855 tok
    Tamaño del paquete
    1 archivo
    Última actualización
    hace 3 meses
    diseno ui

    Crea o actualiza un DESIGN.md desde un repositorio o web pública: documenta el lenguaje de diseño, reconstruye el sistema visual y extrae tokens y pautas de evidencia. No modifica código fuente ni convierte patrones accidentales en diseño.

    Costo de contexto al activarse
    4.1k tok
    Tamaño del paquete
    1 archivo
    Última actualización
    el mes pasado
    herramientas desarrollo

    Audita y corrige problemas de accesibilidad HTML: ARIA, navegación por teclado, gestión del foco, contraste de color y errores de formulario. Úsalo al añadir controles interactivos, formularios, diálogos o revisar WCAG.

    Costo de contexto al activarse
    1.2k tok
    Tamaño del paquete
    1 archivo
    Última actualización
    hace 6 meses
    herramientas desarrollo