Menú
Optimization and usage of SVGs, fonts, and static assets.
Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.
Basado en la clasificación ocupacional SOC
| name | assets-icons-fonts |
| description | Optimization and usage of SVGs, fonts, and static assets. |
lucide-react or heroicons that treeshake well.aria-hidden="true" for decorative icons, or providing decent aria-label.WOFF2 for local fonts.font-display: swap; in CSS to show fallback text immediately.next/font to optimize Google Fonts and eliminate layout shift (CLS).width and height attributes (or aspect ratio) to prevent layout shifts.loading="lazy" for below-the-fold images.Bootstraps a new project with standard folder structure, git init, basic files, planning doc skeletons, and initial memory.json. Triggers on new project creation keywords. CRITICAL for first-time setup.
Configuration for Virtual Hosts, .htaccess, and PHP-FPM in LAMP stacks.
Principles for REST, GraphQL, versioning, and API authentication.
Patterns for maintaining or migrating Bootstrap 3/4/5 projects.
Caddyfile configuration, auto-HTTPS, and FastCGI.
GitHub Actions, Vercel/Netlify, and automated testing patterns.