mcpField
P
primevue-openprops-architect

primevue-openprops-architect

github.com/heyeddi-comDesign & UI086 installsUpdated 1d ago
Repository

About primevue-openprops-architect

primevue-openprops-architect is a compatibility skill name retained for older routes; the design system is now @vue-design-system. It guides Vue/CSS edits after primitives are chosen and requires project vocabulary checks and validation.

Key features

  1. 01Resolve older skill references
  2. 02Use selected Vue design primitives
  3. 03Check vocabulary and anti-patterns
  4. 04Run Vue and style validation

Use cases

  1. 01Handle prompts naming the legacy skill
  2. 02Edit Vue or CSS after primitive selection
  3. 03Validate changes to a Vue project

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/heyeddi-com/heyeddi-skills --skill primevue-openprops-architect

After installing, type/primevue-openprops-architectin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

manifest.json
context/
ANTI_PATTERNS.md
EXAMPLES.md
PROSE_ANTI_SLOP.md
VOCABULARY.md
reference/
subagents.md
scripts/
_skill_cli.py
validate_vue.py

Details

From the project README

PrimeVue + project tokens (compatibility)

This name remains so older routes still resolve. The design system is @vue-design-system.

  • Shell, drawers, and native targets: @quasar-foundation
  • Tables, forms, menus, badges: @primevue-aura
  • Motion: @motion-physics
  • Color: @aura-design-tokens
  • Terminal: @cli-interface-design

Do not add OpenProps, Tailwind, React, or Bootstrap. If the project already depends on open-props, leave that dependency and still use --app-* for new surfaces.

When chained from parent skills, validate_vue.py runs in a shell subagent by default. See reference/subagents.md.

When to use

  • An older prompt names @primevue-openprops-architect
  • Editing .vue or CSS after @vue-design-system has chosen the primitives

Instructions

  1. Read @vue-design-system and the child skill for the surface. This file does not choose components.
  2. Read context/VOCABULARY.md and context/ANTI_PATTERNS.md before writing UI code.
  3. After edits, run python scripts/validate_vue.py --project-root <root>.
  4. Fix all reported issues before finishing.

Scripts

  • validate_vue.py: runs vue-tsc --noEmit and stylelint if installed

Comments

Markdown supported