Keeps Tabler pages reachable by updating the preview menu, docs menu and redirect table whenever a page is added, renamed, moved or removed.
$ npx skills add tabler/tabler --skill navigation -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install tabler/tabler navigation --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/tabler/tabler.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/navigation .claude/skills/navigation && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "navigation" agent skill from https://github.com/tabler/tabler/tree/dev/.agents/skills/navigation into .claude/skills/navigation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "navigation", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/tabler/tabler/tree/dev/.agents/skills/navigationType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add tabler/tabler --skill navigation -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install tabler/tabler navigation --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/tabler/tabler.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.agents/skills/navigation .agents/skills/navigation && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "navigation" agent skill from https://github.com/tabler/tabler/tree/dev/.agents/skills/navigation into .agents/skills/navigation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "navigation", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add tabler/tabler --skill navigation -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install tabler/tabler navigation --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/tabler/tabler.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.agents/skills/navigation .cursor/skills/navigation && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "navigation" agent skill from https://github.com/tabler/tabler/tree/dev/.agents/skills/navigation into .cursor/skills/navigation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "navigation", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/tabler/tabler.git --path .agents/skills/navigation--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add tabler/tabler --skill navigation -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install tabler/tabler navigation --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/tabler/tabler.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.agents/skills/navigation .gemini/skills/navigation && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "navigation" agent skill from https://github.com/tabler/tabler/tree/dev/.agents/skills/navigation into .gemini/skills/navigation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "navigation", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install tabler/tabler navigationInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add tabler/tabler --skill navigation -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/tabler/tabler.git skills-src && mkdir -p .github/skills && cp -r skills-src/.agents/skills/navigation .github/skills/navigation && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "navigation" agent skill from https://github.com/tabler/tabler/tree/dev/.agents/skills/navigation into .github/skills/navigation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "navigation", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add tabler/tabler --skill navigation -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install tabler/tabler navigation --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/tabler/tabler.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.agents/skills/navigation .opencode/skills/navigation && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "navigation" agent skill from https://github.com/tabler/tabler/tree/dev/.agents/skills/navigation into .opencode/skills/navigation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "navigation", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
navigationKeeps Tabler pages reachable by updating the preview menu, docs menu and redirect table whenever a page is added, renamed, moved or removed.
Both menus in Tabler are hand-maintained JSON and nothing discovers pages automatically, so a new page without a menu entry is invisible and a renamed docs URL breaks outside links. The preview menu in shared/data/menu.json holds top-level groups with nested children whose urls carry the .html extension, and a page's pageMenu prop must be the dot-separated key path, such as base.badges, or nothing gets highlighted.
The docs menu in shared/data/docs.json is a tree of absolute paths with no extension and no trailing slash, mirroring the file under docs/content. Renamed or removed docs URLs get an entry in docs/lib/redirects.ts, the single table that feeds the Astro config, the middleware and the link gate. menu-sample.json is a separate menu for sample layouts and is left alone unless the task concerns them.
5 steps, taken from the step headings in SKILL.md.
Read from SKILL.md and the folder at commit c2a7cbf. It shows what the files ask for, not the result of running them.
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Shell commands in SKILL.md call:
pnpmFrom the folder's file list and the shell code blocks in SKILL.md.
No URLs in SKILL.md. Its commands use pnpm, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Tabler Menus and Redirects loads about 1.2k tokens when it runs. Until then it costs about 117 tokens; SKILL.md has 540 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
The full file from tabler/tabler at commit c2a7cbf, republished under its MIT licence (© tabler). 540 words, ~1,183 tokens.
.claude/skills/navigation/SKILL.md (or your agent's skills folder).A new page that no menu points at is invisible, and a renamed docs URL breaks every external link to it. Both menus are hand-maintained JSON; nothing discovers pages automatically.
shared/data/menu.jsonAn object of top-level groups, each with nested children:
"base": {
"title": "Interface",
"icon": "package",
"columns": 2,
"children": {
"badges": { "url": "badges.html", "title": "Badges", "badge": "New" }
}
}| Key | Meaning |
|---|---|
title / title-long | label; title-long is used where the navbar has room |
icon | icon name for the group (top level) |
url | with the .html extension — badges.html, matching build.format: 'file' |
badge | small label on the entry, e.g. "New" |
columns | split a long child list into N columns |
active, disabled, right | force highlight, grey out, push to the right side |
children | nested entries (a third level is allowed) |
The pageMenu prop is the path of keys, dot-separated: base.badges matches the badges child of the base group. NavbarMenu.astro splits on . and highlights by key, so a mismatch between the page prop and the JSON key silently highlights nothing. menu-sample.json is a separate, smaller menu used by sample layouts — leave it alone unless the task is about those.
shared/data/docs.jsonAn array-based tree (menu) plus a links list for the external links in the docs header:
{ "title": "Getting started", "url": "/ui/getting-started",
"children": [ { "title": "Installation", "url": "/ui/getting-started/installation" } ] }/ui/components/badge) — vercel.json sets trailingSlash: false, so a trailing slash costs a 308.docs/content/ui/components/badge.mdx → /ui/components/badge; an index.mdx drops the last segment.docs/content/** that is missing here still renders — it is simply unreachable by navigation, which is easy to miss because no build step complains.Add an entry to redirects in docs/lib/redirects.ts, next to the existing ones. That one table feeds docs/astro.config.mjs (real HTTP redirects), docs/middleware.ts (which must not rewrite these urls to .md) and the link gate, so it is the only place a redirect is written:
'/ui/base/markdown': { status: 301, destination: '/ui/base/prose' },The plural component slugs kept there (alerts → alert, cards → card, …) are the pre-Astro URLs still present in Google's index and in external links — that is the standard this repo holds itself to: an old URL keeps working. The Vercel adapter turns these into real HTTP redirects; without an adapter they would only be meta-refresh pages.
Update in the same pass: shared/data/docs.json, any related: front matter pointing at the old path, and <DocsLink path="…"> on the matching preview page.
pnpm run check:docs-linksIt resolves, from source and without a build: markdown links and related: in docs/content/**/*.mdx, menu and link URLs in shared/data/docs.json, redirect sources and destinations from docs/lib/redirects.ts, href literals in docs components, <DocsLink path="…"> and getDocsUrl('…') in the demo site, plus asset paths that really render. Anchors are checked against real heading slugs.
It does not check menu.json: a wrong preview URL or a pageMenu key that matches nothing shows up only in the browser. Open the page and confirm the menu entry is highlighted (astro-dev skill).
menu.json with a .html url, and its pageMenu prop equals the dot-path of the keysdocs.json at the right depth, url absolute and extension-freedocs/lib/redirects.tsrelated: entries and <DocsLink path="…"> updated to the new pathpnpm run check:docs-links clean© tabler, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Just SKILL.md in .agents/skills/navigation of tabler/tabler.
Open the folder on GitHubat commit c2a7cbf
Tabler Menus and Redirects next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Tabler Menus and Redirects this skilltabler/tabler | 42k | — | ~1.2k | Automated safety check: Pass | MIT | |
| Small Business Website Spechewi333/Mom-n-Pop-Skills | 122 | — | ~3.2k | Automated safety check: Pass | MIT | |
| Writing Commentswithastro/astro | 63k | — | ~2.7k | Automated safety check: Pass | Custom licence | |
| Metadata Checkjdevalk/skills | 105 | — | ~1k | Automated safety check: Pass | MIT | |
| Kill AI Slopyetone/kill-ai-slop | 1.3k | — | ~1.4k | Automated safety check: Pass | Apache-2.0 | |
| Motion Dev Animations199-biotechnologies/motion-dev-animations-skill | 114 | 1 repos | ~2.8k | Automated safety check: Notes | MIT |
hewi333/Mom-n-Pop-Skills
Planning reference for rebuilding a small business website: page structure, copy voice, estimator widget, SEO requirements, form handling, DNS migration, and the no-code vs static-framework decision…
withastro/astro
How to write JSDoc (/ /) and inline (//) comments in the Astro codebase, for contributors reading the source — not end users.
jdevalk/skills
Reviews short high-value strings — page titles, meta descriptions, schema description fields, FAQ answers, GitHub repo taglines, profile bios, social-card copy, and other metadata where Flesch and…
yetone/kill-ai-slop
Find and remove AI slop — the generic, machine-default visual and copy tics of vibe-coded products — from a web project.
199-biotechnologies/motion-dev-animations-skill
Creates 120fps GPU-accelerated animations with Motion.dev (Framer Motion successor) for React, Next.js, Svelte, and Astro projects.
devantler-tech/ksail
Skill for building with the Astro web framework. An agent skill from devantler-tech/ksail.
tabler/tabler
Starts the right Tabler dev server, keeps it from clashing with builds and verifies changes in the browser before a page or component is handed back.
tabler/tabler
Rules for adding or fixing client-side scripts in Tabler's Astro components so the copied preview HTML stays readable, self-contained and runs in the right order.
tabler/tabler
Sets the file structure, typing and Data API pattern for writing a new Bootstrap-style JavaScript component class in Tabler's vendored port of Bootstrap's JS.
tabler/tabler
Writes or updates the classnames front matter that renders the class table at the end of a Tabler component docs page.
tabler/tabler
Guidance for changing the Tabler framework's own JavaScript in core/js: the tabler.js and tabler-theme.js bundles, the Bootstrap port and their tests.
tabler/tabler
Rules for adding or changing styles in Tabler's core/scss framework: file placement, custom properties, dark mode, RTL, tests and build gates.
Categories
Keeps Tabler pages reachable by updating the preview menu, docs menu and redirect table whenever a page is added, renamed, moved or removed. Both menus in Tabler are hand-maintained JSON and nothing discovers pages automatically, so a new page without a menu entry is invisible and a renamed docs URL breaks outside links.badges, or nothing gets highlighted.
Tabler Menus and Redirects fits situations like: adding a new page to the Tabler preview or docs; renaming or moving a docs page without breaking old links; debugging a pageMenu key that highlights the wrong sidebar entry.
Run `npx skills add tabler/tabler --skill navigation -a claude-code`. Or copy the skill folder (.agents/skills/navigation in tabler/tabler) into .claude/skills/navigation in your project. Claude Code loads it when a task matches its description.
Run `npx skills add tabler/tabler --skill navigation -a codex`. Or copy the skill folder (.agents/skills/navigation in tabler/tabler) into .agents/skills/navigation in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add tabler/tabler --skill navigation -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/navigation, .gemini/skills/navigation, .github/skills/navigation and .opencode/skills/navigation in your project.
Going by SKILL.md and its folder, Tabler Menus and Redirects needs the command-line tools its instructions call (pnpm).
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
Tabler Menus and Redirects is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
About 1.2k tokens (SKILL.md is roughly 4.7k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
Skills that share tags, products or a category with Tabler Menus and Redirects: Small Business Website Spec (hewi333/Mom-n-Pop-Skills, 122 stars), Writing Comments (withastro/astro, 63k stars), Metadata Check (jdevalk/skills, 105 stars) and Kill AI Slop (yetone/kill-ai-slop, 1.3k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
tabler (a GitHub organization) maintains it in tabler/tabler, which has 41,833 GitHub stars. The repository holds 21 skills in this directory. The repository was last updated on October 8, 2026.
Source: tabler/tabler on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.
