メニュー
Render Neko Card and card-grid blocks — content tiles with optional image, icon, title, tags, link, and palette. Use for landing pages, feature grids, navigation hubs.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
| name | cards |
| description | Render Neko Card and card-grid blocks — content tiles with optional image, icon, title, tags, link, and palette. Use for landing pages, feature grids, navigation hubs. |
Cards are flexible content tiles. They support multiple layouts (stacked,
horizontal, grid, link) and can be combined into a card-grid for responsive
multi-column layouts.
::: card { image="/assets/photo.jpg" title="Photo" tags="landscape, nature" }
Beautiful sunset photo.
:::
variant | Description |
|---|---|
| (default) | Stacked card with optional image at top. |
horizontal | Image on the side, content next to it. |
grid | Compact tile suitable for a card grid (use icon or small image). |
link | Renders as a clickable card with title + description. |
| Attribute | Description |
|---|---|
image | Path/URL to an image displayed on the card. |
icon | UIcon name, :emoji:, <svg>, or image path (alternative to image). |
title | Card heading. |
tags | Comma-separated tag list rendered as small badges. |
link | Makes the card clickable. |
target | blank, self, parent, top for the link. |
palette | Named colour palette (blue, green, red, etc.) for grid variant. |
variant | One of the variants above. |
:::: card-grid
::: card { variant="grid" icon="rocket" title="Get started" link="/guides/getting-started" palette="blue" }
Install Neko and run your first build.
:::
::: card { variant="grid" icon="cube" title="Components" link="/components/components" palette="green" }
The complete component reference.
:::
::: card { variant="grid" icon="palette" title="Themes" link="/guides/themes" palette="purple" }
Customise the look of your site.
:::
::::
Notes:
:::: (four colons) opens the grid container; ::: (three colons) opens
each card inside it.variant="grid" for consistent sizing.For a small inline link, prefer reference-link;
for a primary action, prefer button.
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.