Implement in-page anchor navigation and dynamic tables of contents with Vue and Naive UI.
npx skills add https://github.com/jiaiyan/naive-ui-skills --skill n-anchor
Please help me install this Agent Skill. Skill: n-anchor Source: https://github.com/jiaiyan/naive-ui-skills/tree/main/components/n-anchor Command: npx skills add https://github.com/jiaiyan/naive-ui-skills --skill n-anchor
Helps developers implement anchor-based navigation and a table of contents for long pages by tracking user scroll position and highlighting the current section.
Add the n-anchor component to your page and supply n-anchor-link children with matching href targets.
High-intent search queries and answers about installing and using this skill.
Scroll-tracking anchor navigation is implemented by adding the n-anchor component to a Vue page and supplying n-anchor-link children with href targets that match section IDs to highlight the current content.
In-page anchor navigation handles hierarchical content by supporting nested anchors, allowing developers to create a dynamic table of contents that accurately reflects multi-level sections within long-form documentation.
Yes, this anchor navigation component requires both Vue and Naive UI to function, utilizing a frontmatter-driven API alongside the n-anchor and n-anchor-link components for proper integration.
The best way to build a dynamic table of contents for long product manuals is using affix-ready anchor components with customizable rail styling and background to orient readers during scroll tracking.
Yes, you can use this anchor navigation for multi-section dashboards, as it is specifically applicable to documentation sites, product manuals, and multi-section dashboards requiring active scroll position tracking.
jiaiyanRender reusable page header UI with title, subtitle, and action slots for Naive UI pages.
cpfcoachingGenerate a table of contents with internal anchor links for Substack posts.
jiaiyanPin content to fixed positions during scrolling with configurable trigger distances.
esassocAdd a scrollspy Table of Contents sidebar to an Angular component using signals and RxJS.
