القائمة
Embed an external URL (iframe, video, CodePen, etc.) with optional caption, aspect ratio, dimensions, and fullscreen control. Use for live demos and third-party content that won't fit inline.
التثبيت باستخدام 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 | embed |
| description | Embed an external URL (iframe, video, CodePen, etc.) with optional caption, aspect ratio, dimensions, and fullscreen control. Use for live demos and third-party content that won't fit inline. |
Embeds external content inside an iframe. Aspect ratio, dimensions, and fullscreen behaviour are all configurable.
[!embed](https://example.com/widget)
[!embed aspect="16:9"](https://www.youtube.com/embed/VIDEO_ID)
[!embed aspect="4:3"](https://example.com)
[!embed height="120"](https://example.com)
[!embed width="300" height="600"](https://example.com)
[!embed allowFullScreen="false"](https://example.com)
[!embed el="iframe"](https://example.com)
[!embed text="Live demo"](https://example.com)
| Attribute | Notes |
|---|---|
aspect | 16:9, 4:3, 1:1, … |
width | CSS width or px number. |
height | CSS height or px number. |
allowFullScreen | true (default) or false. |
el | Element type — defaults to iframe. |
text | Optional caption rendered below the frame. |
The URL goes in the parenthesised () part, just like a link.
[!embed aspect="16:9" text="Product walkthrough"](https://www.youtube.com/embed/dQw4w9WgXcQ)
[!embed aspect="1:1"](https://example.com/widget)
youtube component for YouTube
links — it auto-detects the URL..X-Frame-Options: DENY, no embed library can
override that — link to the page instead.