← All skills

vue-card-skill

95 / 100 · Low risk

Fine to try.

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

Vue 卡片组件技能。基于「一切皆容器」思想，双层架构：base-card 根容器（L0，6 维度参数矩阵）+ base-wg-card 业务卡片（L1，11 种 variant）。所有组件必须嵌入 base-card，base-wg-card 内部必须包裹 base-card。提供 11 种业务卡片变体：basic/product/profile/friend/set/vip/menu/grid/image/notify/comment。触发词："vue 卡片"、"base-card"、"做一个卡片"、"商品卡片"、"个人中心卡片"、"VIP 卡片"、"九宫格菜单"、"通知卡片"、"评论卡片"。

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-card-skill' ] || [ -L ~/.agents/skills/'vue-card-skill' ]; then echo 'A skill folder named vue-card-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-card-skill' && mkdir -p ~/.agents/skills && cp -R "$d"/'frontend/vue/vue-base-skill/vue-card-skill' ~/.agents/skills/'vue-card-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-card-skill' ~/.claude/skills/'vue-card-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