panel
Render a panel (titled box) or a collapsible accordion item. Use `===` for expanded panels, `==-` for collapsed. Stack adjacent panels for an accordion.
- License 许可
- MIT
- 最近更新
- 2026-11-10
- Stars
- ★ 2
- Forks
- 0
01 前言 Front Matter
- name
- panel
- description
- Render a panel (titled box) or a collapsible accordion item. Use `===` for expanded panels, `==-` for collapsed. Stack adjacent panels for an accordion.
03 SKILL.md 正文
Panel
Panels are titled boxes. They can start expanded (===) or collapsed (==-),
and several adjacent panels become an accordion.
Expanded panel
=== Panel title
Body content. Any Markdown is allowed.
===
Collapsed panel (click to expand)
==- Collapsed by default
Hidden until the user clicks the header.
===
Accordion
==- What is Neko?
A .NET static site generator for Markdown docs.
===
==- How do I install it?
`dotnet tool install -g Neko`
===
==- Is it open source?
Yes — MIT licensed on GitHub.
===
Each item still closes with ===. The accordion layout is automatic — there
is no enclosing wrapper.
Tips
- Use panels for FAQs, optional details, advanced sections, and anything the reader might want to skip.
- Don't hide critical information inside a collapsed panel.
- For tabs (one visible at a time, no hide-on-load), use
tabinstead.
04 同仓库更多 Skills
youtube
Embed a YouTube video by pasting its URL on its own line. Neko auto-detects watch/youtu.be/embed forms and honours timestamp, autoplay, loop, and mute parameters.
workflow
Render a workflow diagram from a node-and-arrows DSL — labelled boxes with icons and optional badges, auto-arranged in columns. Use for pipelines, data flows, sign-off chains, ETL diagrams.
video
Author a video as a single Markdown file (`video:` front matter) — scenes separated by horizontal rules, every block animating in on its own, video components (lockup, swap, typewriter, scramble, counter, stats, chart, code, terminal, browser/window/phone, cursor, lower-third, captions, quote, steps, checklist, grid/card, cta, logo, media), scene transitions and camera moves, and a synthesized voice-over (`--- {narration}` parts, `narration:` voice, `neko voiceover`) — preview it in the browser and render it to MP4 with `neko render` (Playwright + ffmpeg). Also covers the `[!video]` component that embeds the rendered file in a page. Use when asked for a video, an animated explainer, a product or release teaser, a changelog video, a motion graphic, a narrated walkthrough, or an MP4 from docs content.
update-documentation
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.
tesserae
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.
table
Render a Markdown table with alignment, compact mode, and no-wrap option. Use for any tabular comparison, reference matrix, option list.