por Juanjo LunaOptimizar First Contentful Paint
Te ayuda a mejorar el tiempo en que aparece el primer contenido visible. Sirve cuando una página carga lenta por problemas reales detectados en DevTools, Lighthouse o datos de uso.
Descripción original (inglés)
first-contentful-paint: Use when auditing slow page loads, heavy assets, or rendering delays related to Optimize first contentful paint. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.
Cómo instalarla
Una skill es una carpeta con un fichero SKILL.md. Para instalarla basta con copiar la carpeta first-contentful-paint en el sitio donde tu agente busca sus skills.
- Sin terminal: abre la carpeta en GitHub, descárgala y cópiala en la carpeta de tu agente (tabla de abajo).
- Con terminal (macOS, Linux o Git Bash en Windows): elige tu agente y copia los comandos.
git clone --depth 1 https://github.com/thedaviddias/Front-End-Checklist.git /tmp/skill-src
mkdir -p ~/.claude/skills
cp -r "/tmp/skill-src/skills/first-contentful-paint" ~/.claude/skills/first-contentful-paint
rm -rf /tmp/skill-src| Agente | Para todos tus proyectos | Solo un proyecto |
|---|---|---|
| Claude Code | ~/.claude/skills | .claude/skills |
| GitHub Copilot | ~/.copilot/skills | .github/skills |
| Codex | ~/.agents/skills | .agents/skills |
| Gemini CLI | ~/.gemini/skills | .gemini/skills |
Muchos agentes leen también .agents/skills. Reinicia el agente después de instalar. Antes de instalar una skill, revisa su SKILL.md y los scripts que incluya: se ejecutan con tus permisos.
Más skills de thedaviddias/Front-End-Checklist
- Revisar página 404 404-page
- Revisar página Acerca de about-page
- Probar accesibilidad automática accessibility-testing
- Revisar autenticación accesible accessible-authentication
- Revisar notificaciones accesibles accessible-notifications
- Revisar tablas accesibles accessible-tables
- Crear tooltips accesibles accessible-tooltips
- Revisar accesskey únicas accesskeys
Explicación redactada con ayuda de IA a partir de la descripción original.