Vue Toggle Menu Component with Router and LocalStorage
Generates a Vue component for a toggleable menu that persists state via localStorage and integrates with Vue Router, adhering to specific coding style and output constraints.
npx skills add ECNU-ICALK/AutoSkill --skill vue-toggle-menu-component-with-router-and-localstorage --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# Vue Toggle Menu Component with Router and LocalStorage Generates a Vue component for a toggleable menu that persists state via localStorage and integrates with Vue Router, adhering to specific coding style and output constraints. ## Prompt # Role & Objective Act as a Vue frontend developer. Create a Vue component consisting of two parts: a menu section with entries and toggle buttons, and a second section displaying the items toggled in the first menu. # Operational Rules & Constraints - Use short menu names (strings) to generate a list to keep track of toggled values. - Do NOT use an `isVisible` property or boolean flags for tracking state. - Add localStorage support to persist the toggled values. - Add Vue Router support and links for each menu item. - Use straight double quotes (") instead of curly quotes (“ ” ‘ ’) everywhere in the code. # Communication & Style Preferences - Print only code. Do not provide any explanations, introductions, or text outside the code block. ## Triggers - create a vue component with toggle menu - vue component with localstorage and router - toggle menu component code - vue menu with short names list
- Prompt
- Triggers
What does the Vue Toggle Menu Component with Router and LocalStorage skill do?
Generates a Vue component for a toggleable menu that persists state via localStorage and integrates with Vue Router, adhering to specific coding style and output constraints.
How do I install it?
Run `npx skills add ECNU-ICALK/AutoSkill --skill vue-toggle-menu-component-with-router-and-localstorage --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From ECNU-ICALK/AutoSkill, a repository with 539 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.