How do I install the Perd Vue Components skill?

Run npx skillmds@latest add perdolique/perd-vue-components in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Perd Vue Components safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Perd Vue Components?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Perd Vue Components free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Perd Vue Components?

Perdolique (@perdolique) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Perd Vue Components

Name: Perd Vue Components
Author: Perdolique

Perd-specific Vue SFC conventions for imports and responsive styling. Use whenever creating or reviewing `.vue` files in Perd. Excludes framework routing and app-level data fetching.

Perdolique 558b791 838 B Updated Sep 17, 2026

Web & Frontend

Install

Press C to copy

$ npx skillmds@latest add perdolique/perd-vue-components

Installs into ~/.claude/skills (or .claude/skills inside a project). Restart Claude Code to pick it up.

Download SKILL.md

＋ Add to collection

README badge

[![SkillMD](https://skillmd.com/badge/perdolique/perd-vue-components.svg)](https://skillmd.com/skills/perdolique/perd-vue-components)

Trust & safety

Audits pending

Not yet audited · commit 558b791

Works with: Claude Code Claude.ai OpenAI Codex +

File contents

Perd Vue component conventions

Apply these project-specific rules with the repository instructions and nearby component patterns.

Imports

Auto-imports are disabled. Import every dependency explicitly.
Import Vue APIs from vue, VueUse composables from @vueuse/core, and shared project code from #shared/....
Follow the owning feature's existing component import paths and ordering.

Responsive styles

Use container queries for component layouts that respond to available component space.
Keep media queries for viewport layout, app-shell behavior, overlays, and user preferences.

perdolique/perd/tree/main/.agents/skills/perd-vue-components commit 558b791442

Frequently asked questions

npx skillmds@latest add perdolique/perd-vue-components