← All skills

vue-dropdown-skill

95 / 100 · Low risk

Fine to try.

By jiushiwon/wg-skills (GitHub) · other · 146 stars · scanned at commit 1c761a6

Vue 万能浮层组件技能。基于「一个组件 5 种 mode」思想，核心是 base-dropdown：单一组件 + mode 切换，融合下拉菜单（dropdown）、气泡框（popover）、单选选择器（select）、多选选择器（multi-select）、右键菜单（menu）5 种浮层形态。面板统一由 base-card 容器承载。支持 12 种 position × 5 种 trigger × 3 种 size × 5 种 tone = 3600+ 组合。支持本地搜索 / 远程搜索 / 虚拟滚动 / 多选 tag / 加载态 / 禁用态。触发词："vue 下拉框"、"vue 气泡框"、"vue 选择器"、"vue 下拉菜单"、"做一个下拉"、"做一个气泡"、"做一个 select"、"替代 select"、"select 远程搜索"、"select 虚拟滚动"。

Works with any agent that supports SKILL.md skills.

What this skill can do

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'vue-dropdown-skill' ] || [ -L ~/.agents/skills/'vue-dropdown-skill' ]; then echo 'A skill folder named vue-dropdown-skill already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/jiushiwon/wg-skills' "$d" && git -C "$d" checkout --quiet '1c761a6dbc5a85b69fbef8c099270e4c42cf6255' -- 'frontend/vue/vue-base-skill/vue-dropdown-skill' && mkdir -p ~/.agents/skills && cp -R "$d"/'frontend/vue/vue-base-skill/vue-dropdown-skill' ~/.agents/skills/'vue-dropdown-skill' && rm -rf "$d"; fi

Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'vue-dropdown-skill' ~/.claude/skills/'vue-dropdown-skill' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.

Badge for your README

The badge for jiushiwon/wg-skills shows the score of its lowest-scoring skill.

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/jiushiwon/wg-skills.svg)](https://zalavijaysinh.github.io/skilltrust/repos/jiushiwon/wg-skills/)

Score history