菜单
Generate cover images for blog posts, projects, pages, and other site content. Use when the user asks to generate, create, or update cover/OG images for content. Saves images near the content file (colocation) or in public/images/{type}/.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Authoring and maintenance workflow for this repo's Contentlayer2 content (content/*). Use when adding/editing Markdown content (blog, projects, experiences, skills, courses, testimonials, services, presentations, publications); when frontmatter is missing/broken; or when Contentlayer build fails.
Internationalization (i18n) with next-intl and App Router static export. Use when adding/editing translations, adding a new locale, configuring locale routing, or fixing missing translation keys. This site supports pt (default) and en.
Build, troubleshoot, and modernize this repository's Next.js static export pipeline (output: 'export') and GitHub Pages deploy workflow. Use when the user mentions GitHub Pages, static export, the out/ folder, next build errors, basePath/assetPrefix issues, CI workflow fixes, or Contentlayer integration.
Maintain SEO metadata and sitemap/robots generation for this Next.js static site. Use when changing titles/descriptions/OG images, canonical URLs, NEXT_PUBLIC_SITE_URL, next-seo configuration, or when adding sitemap.xml/robots.txt via next-sitemap.
React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 API changes.
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.
| name | site-content-image-generation |
| description | Generate cover images for blog posts, projects, pages, and other site content. Use when the user asks to generate, create, or update cover/OG images for content. Saves images near the content file (colocation) or in public/images/{type}/. |
Automatiza a criação de imagens de capa para conteúdos do site, garantindo consistência visual e SEO.
Gerar imagens (1200×630 px, PNG) para Open Graph, SEO e redes sociais a partir do conteúdo Markdown,
respeitando o padrão visual do projeto (cores, tipografia, branding de src/styles/theme.ts).
Este projeto usa colocation de imagens:
.md de referência.public/images/{tipo}/{slug}.png (ex.: public/images/blog/meu-post.png).image no frontmatter do documento..md.public/images/{tipo}/{slug}.png.image no frontmatter (com confirmação do usuário).src/styles/theme.ts – cores, fontes, tokens do temasrc/config/AppConfig.ts – nome e identidade do sitepublic/images/ (quando disponíveis)image no frontmatter referencia o caminho correto.site-contentlayer-authoring – schema e campos de imagemsite-seo-and-sitemap – uso de imagens OG no SEO