Claude MarketplacesSubmit
harlan-zw avatar

Primevue Skilld

harlan-zw/vue-ecosystem-skills

This is the PrimeVue 4.5.5 component library reference, and it's essential if you're building Vue UIs with their 80+ component set. The skill catches you up on v4's breaking changes, which are significant: Calendar became DatePicker, Dropdown is now Select, TabView got completely restructured into a Tabs/TabList/TabPanels pattern. It includes solid practical advice like using Fluid wrappers for bulk styling, leveraging asChild for headless mode while keeping accessibility intact, and using objects instead of arrays for DataTable expandedRows when performance matters. The best practices section actually tells you how to use these components efficiently rather than just repeating docs.

skills.sh installs
113
GitHub stars
165
last updated
Jun 3, 2026
View on GitHub

Install

$ npx -y skills add harlan-zw/vue-ecosystem-skills --skill primevue-skilld --agent claude-code

Installs into .claude/skills of the current project.

Files

PrimeVue (primevue@5.0.1)

Version 5.0.1, prepared source input/source/package.json. UI component library for Vue 3. Docs: https://primevue.dev (component pages live at https://primevue.dev/<name>, e.g. https://primevue.dev/inputtags/).

Critical v5 facts

SKILL.md on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Details

Repository
github.com/harlan-zw/vue-ecosystem-skills
Category
Frontend Development
First seen
Jun 3, 2026

More from harlan-zw/vue-ecosystem-skills

All 10

Recommended

More Frontend Development
1shaom avatareditorial-card-screenshotshaom/infocard-skillsGenerate high-density editorial HTML info cards in a modern magazine and Swiss-international style, then capture them as ratio-specific screenshots. Use when th102skills.sh installs
2anthropics avatarPlugin Structureanthropics/claude-codeThis skill should be used when the user asks to "create a plugin", "scaffold a plugin", "understand plugin structure", "organize plugin components", "set up plu0skills.sh installs
3cherryhq avatargh-pr-reviewcherryhq/cherry-studioAutomated Cherry Studio code review for local branches, PRs, commits, and files. Use for reviewing code, docs, or pull requests with project-specific checks for0skills.sh installs
4composiohq avatarartifacts-buildercomposiohq/awesome-claude-pluginsSuite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for0skills.sh installs
5countbot-ai avatarweb-designcountbot-ai/countbot网页设计与部署。生成精美的单页 HTML 网页（报告、落地页、数据可视化等），支持一键部署到 Cloudflare Pages。使用 Tailwind CSS + Chart.js + Font Awesome 技术栈。当用户要求制作网页、生成报告页面、创建落地页、数据可视化展示、部署网页到线上时使用。0skills.sh installs
6davila7 avatarplugin-structuredavila7/claude-code-templatesThis skill should be used when the user asks to "create a plugin", "scaffold a plugin", "understand plugin structure", "organize plugin components", "set up plu0skills.sh installs