Revisar el desplazamiento inesperado del diseño Skill (SKILL.md)
- páginas con banners o barras de aviso tardíos
- imágenes e incrustaciones sin espacio reservado
- fuentes que se intercambian tarde y cambian el tamaño del texto
- ¿Qué hace este skill?
- Revisa páginas en busca de elementos que aparecen tarde o cambian de tamaño y empujan el contenido visible, y propone reservar espacio y un orden de carga más calmado.
- ¿Qué aporta usted?
- Código, un diff, logs o un mensaje de error.
- ¿Qué obtiene?
- elementos que se desplazan
- causas probables
- corrección por elemento
- Funciona en
- Claude, ChatGPT, Gemini, Microsoft 365 Copilot, Cursor y otros asistentes
Instrucciones del skill
Así trabaja la IA con este skill. Cópielo o añádalo como archivo a su asistente.
- Lea la estructura de la página y las notas de desplazamiento como material.
- Marque los elementos que aparecen tarde o cambian de tamaño.
- Revise imágenes, incrustaciones, banners y cambios de fuente.
- Proponga espacio reservado o una carga posterior más calmada.
- Describa cómo volver a revisar la página después de la corrección.
Ver el texto completo
--- name: layout-shift-check description: "Lee la estructura de la página, capturas o mediciones del desplazamiento. Útil antes de un lanzamiento o cuando se informa de que la página salta al cargar." license: "Uso libre, también en el trabajo; no publicar como colección propia. Condiciones de uso de AI Compare Ninja." --- # Revisar el desplazamiento inesperado del diseño En cada desplazamiento pregúntese: ¿qué elemento apareció o cambió de tamaño y había espacio reservado para él? ## Pasos 1. Lea la estructura de la página y las notas de desplazamiento como material. 2. Marque los elementos que aparecen tarde o cambian de tamaño. 3. Revise imágenes, incrustaciones, banners y cambios de fuente. 4. Proponga espacio reservado o una carga posterior más calmada. 5. Describa cómo volver a revisar la página después de la corrección. ## Resultado - elementos que se desplazan - causas probables - corrección por elemento ## Reglas - No cambia la página en vivo por sí mismo. - No usa datos personales de sesión. - No inventes hechos, cifras, nombres, fechas ni compromisos. Si falta algo, escribe [falta: …] o pregunta. - Responde en el idioma de la persona usuaria, salvo que pida otro. - Repite solo los datos personales que la tarea necesite. - Entregas un borrador. La decisión y el envío quedan en manos de la persona. Uso: libre, también en el trabajo · no publicar como colección propia · Fuente: AI Compare Ninja
Como archivo: Descargar (ZIP)
Instalar en Claude
- En Claude, abre Settings y activa «Code execution and file creation» en «Capabilities».
- Vaya a «Customize» › «Skills».
- Haga clic en «+», luego en «Create skill» y «Upload a skill».
- Elija el ZIP descargado. La skill aparece en su lista, donde puede activarla y desactivarla.
El ZIP contiene la carpeta «layout-shift-check» con el archivo SKILL.md, tal como lo espera Claude. No lo descomprima; súbalo tal cual.
Claude Code: descomprime el archivo en ~/.claude/skills/ (para usted) o en .claude/skills/ dentro de su proyecto.
Pasos según la ayuda de Anthropic, octubre de 2026. Los nombres de menú son los de la interfaz en inglés y pueden variar en otros idiomas o tras actualizaciones. En cuentas Team y Enterprise, la administración debe permitir las skills. Fuentes: https://support.claude.com/en/articles/12512180-use-skills-in-claude · https://claude.com/docs/skills/how-to
Usarla en ChatGPT, Gemini y Copilot
ChatGPT: en espacios de trabajo Business, Enterprise y Edu sube el archivo como skill si la administración lo permite. App de Gemini: las skills se pueden subir como SKILL.md o ZIP. Microsoft 365 Copilot: súbala como skill propia en Cowork. Codex, GitHub Copilot y Cursor leen las skills de la carpeta del proyecto .agents/skills/. En cualquier otro sitio, pega el texto como instrucciones en un proyecto de ChatGPT o Claude o al principio de un chat.
Según las páginas de ayuda de los fabricantes, octubre de 2026. La disponibilidad depende del plan, la administración, la edad y la región. Fuentes: https://help.openai.com/en/articles/20001066-skills-in-chatgpt · https://support.google.com/gemini/answer/17094296 · https://learn.microsoft.com/en-us/microsoft-365/copilot/cowork/cowork-customize · https://developers.openai.com/codex/skills · https://code.visualstudio.com/docs/copilot/customization/agent-skills · https://cursor.com/docs/context/skills
Uso, seguridad y avisos
Solo texto, revisado por nosotros. Esta skill no contiene scripts, enlaces ni llamadas a otros servicios. Pide a la IA que no invente nada y que le deje la decisión final.
Los resultados de la IA pueden ser erróneos o incompletos. Revíselos antes de usarlos o enviarlos. No es asesoramiento legal, fiscal, financiero ni médico. Sin garantía.
No introduzca contraseñas, datos de salud, bancarios o de identidad ni datos personales de otras personas en herramientas de IA. Lo que escriba lo trata cada proveedor según sus propias condiciones.
Puede usar y adaptar nuestras skills libremente, también en el trabajo. No las publique como colección propia. No damos garantía sobre los resultados de la IA; revíselos usted. Condiciones de uso