Menu
Lay out content in equal-width columns using `|||`. Use for side-by-side comparisons, demo + source, before/after, two-pane layouts.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
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 | column |
| description | Lay out content in equal-width columns using `|||`. Use for side-by-side comparisons, demo + source, before/after, two-pane layouts. |
Renders content in equal-width columns. Each column gets an optional title and may contain any Markdown — including other components.
||| Title of column 1
Content of column 1.
||| Title of column 2
Content of column 2.
|||
Use additional ||| Title separators for three or more columns. The final
||| closes the block.
Demo + source:
||| Demo
[!button variant="primary" text="Click me"](#)
||| Source
```markdown
[!button variant="primary" text="Click me"](#)
```
|||
Three columns:
||| Free
- Markdown
- Components
- Themes
||| Pro
- Search
- Analytics
- Multi-repo
||| Enterprise
- SSO
- Audit log
- SLAs
|||
tab or full-width layout instead.##) work inside columns but the column title is often enough.