メニュー
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.