Menu
Optimization and usage of SVGs, fonts, and static assets.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
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.
| 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.