القائمة
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 المهني
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 | 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.