菜单
Embed an image with optional caption, title, dimensions, alignment, and HTML attributes. Use for screenshots, diagrams, hero images, inline figures.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Author the YAML frontmatter block of a Neko Markdown page — label, icon, order, tags, visibility, permalink, redirect, redirectSlug, layout, meta, nav, toc, backlinks, password. Use when configuring an individual page.
Author the project-level `neko.yml` — input/output paths, URL, branding, theme, meta tags, top navigation, banner, footer, snippets. Use when configuring or editing a Neko site at the project level.
Render a Mermaid diagram (flowchart, sequence, class, ER, state, gantt, journey, mindmap, sankey, XY, architecture) from a fenced ```mermaid``` block. Use for any structured diagram in docs.
Workflow for updating Neko documentation — base every page on the real source code, never invent APIs, warn loudly when the source isn't available, and check that the page (and any changed `tesserae` sample) renders correctly with Playwright / snapframe / a visual check. Use whenever you add or edit docs that describe code, APIs, components, or live samples.
Render a live Tesserae C# UI block — Neko compiles and executes the C# at build time and shows both the code and a working preview side-by-side. Use only when the project documents Tesserae or runs live C# samples.
Render C# API docs from a code block with XML doc comments (`/// <summary>`, `<param>`, `<returns>`, etc.). Use to embed API reference inline without a separate generator.
| name | image |
| description | Embed an image with optional caption, title, dimensions, alignment, and HTML attributes. Use for screenshots, diagrams, hero images, inline figures. |
Standard Markdown image syntax extended with sizing, alignment, captions, and arbitrary HTML attributes.
Pipe-separated widthxheight or just width:
Or with the attribute block:
{ width="300" height="200" }
Add { … } for id, classes, and any HTML attribute:
{ #hero .rounded-lg width="600" }
{ .border .shadow loading="lazy" }
Wrap the markdown image with - (single) or -- (with extra padding):
-
-
--
--
/assets/foo.png). They survive permalink
overrides and multi-repo nesting.) only when the image is
purely decorative.![]() syntax works because Neko detects the
.pdf extension. See pdf.loading="lazy" via the attribute block for non-critical images.