القائمة
Render a Neko Button — a prominent clickable element with variant, size, icon, and link. Use for primary calls-to-action like "Get started", "Download", "Open dashboard".
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
| name | button |
| description | Render a Neko Button — a prominent clickable element with variant, size, icon, and link. Use for primary calls-to-action like "Get started", "Download", "Open dashboard". |
Buttons are clickable elements used for primary actions or navigation. They share most attributes with Badge but render larger with a clearly clickable surface.
[!button Button Text]
[!button variant="primary" text="Click Me"](url)
[!button icon="rocket" iconAlign="right" text="Send"](url)
[!button size="l" corners="pill" text="Large pill"](url)
[!button icon=":rocket:" text="Launch"](#anchor)
| Attribute | Values | Notes |
|---|---|---|
text | string | Implicit when written as [!button Text]. |
variant | base, primary (default), secondary, success, danger, warning, info, light, dark, ghost, contrast | Colour scheme. |
size | xs, s, m, l, xl, 2xl, 3xl | Default m. |
corners | round (default), square, pill | Corner radius. |
icon | UIcon name, :emoji:, <svg>, or image path | Optional icon. |
iconAlign | left (default), right | Icon position. |
target | blank, self, parent, top | Link target. |
[!button variant="success" text="Install" icon="download"](#install)
[!button variant="primary" size="l" corners="pill" text="Get started"](getting-started.md)
[!button variant="ghost" icon="brands-github" text="GitHub" target="blank"](https://github.com/curiosity-ai/neko)
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.