القائمة
Optimization and usage of SVGs, fonts, and static assets.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
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.