SkillsAdd

heyeddi-com/heyeddi-skills

primevue-openprops-architect

Enforces PrimeVue + project design tokens when editing Vue or CSS. OpenProps rules apply only when the project already uses open-props. Runs vue-tsc and stylelint when available.

First seen Jul 6, 2026

Installation

$ npx skills add heyeddi-com/heyeddi-skills --skill primevue-openprops-architect
View on skills.sh ↗ GitHub repository ↗

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

frontend-design Same topic
anthropics/skills

Guidance for distinctive, intentional visual design when building new UI or reshaping an existi…

866.4K installs
agent-browser Same topic
vercel-labs/agent-browser

Browser automation CLI for AI agents. Use when the user needs to interact with websites, includ…

810.4K installs
vercel-react-best-practices Same topic
vercel-labs/agent-skills 697.8K installs
web-design-guidelines Same topic
vercel-labs/agent-skills

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "chec…

617.3K installs
microsoft-foundry Same topic
microsoft/azure-skills

Build, deploy, evaluate, optimize, fine-tune, and manage Microsoft Foundry agents, models, and …

576.5K installs
azure-diagnostics Same topic
microsoft/azure-skills

Debug Azure production issues on Azure using AppLens, Azure Monitor, resource health, and safe …

568.9K installs

Also in this package

Other skills from heyeddi-com/heyeddi-skills · top by installs.

npx skills add heyeddi-com/heyeddi-skills
flutter-engineering 72 project-engineering 71 ux-flow-auditor 70 design-handoff-flutter 69 engineering-excellence 69 pre-merge-gate 69 design-system-generalizer 69 heyeddi-design 69 visual-auditor 69 verify-build 69

Browse all from heyeddi-com/heyeddi-skills

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

License LICENSE
Default branch main
Open issues 0
Status Active

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 1,456 B
  • docs SUMMARY.md 214 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 69 installs

SKILL.md

PrimeVue + project tokens

Enforces PrimeVue and the project's semantic token system. OpenProps is optional: detect before enforcing OpenProps-specific rules.

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

When to use

  • Editing .vue single-file components or project stylesheets
  • Agent is about to add UI components, tokens, or layout
  • Validating generated Vue against team design system

Instructions

  1. Read context/VOCABULARY.md and context/ANTIPATTERNS.md, context/PROSEANTI_SLOP.md before writing UI code.
  2. Read heyeddi-design/reference/token-strategy.md: detect OpenProps vs custom tokens.css.
  3. Reuse PrimeVue components from the project catalog: never invent props.
  4. Use semantic CSS variables from project tokens.css / design.md: OpenProps-backed (var(--surface-1)) or custom (var(--brand)). No scattered hex in .vue / CSS.
  5. After edits, run python scripts/validate_vue.py --project-root <root>.
  6. Fix all reported issues before finishing.

Scripts

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