por Juanjo LunaOptimizar imágenes con picture
Revisa imágenes, marcado y transformaciones del CDN o del proceso de compilación para usar la etiqueta `<picture>` con una imagen de respaldo. Te sirve cuando quieres comprobar tamaño real, carga y impacto en lo que se ve al abrir la página.
Descripción original (inglés)
picture-element: Use when reviewing image assets, markup, and CDN or build transforms related to Use <picture> with an <img> fallback. Check encoded size, rendered size, loading strategy, and above-the-fold impact together.
Cómo instalarla
Una skill es una carpeta con un fichero SKILL.md. Para instalarla basta con copiar la carpeta picture-element 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/picture-element" ~/.claude/skills/picture-element
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.