메뉴
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.