Generate Vue.js modal components with PrimeVue Dialog and vee-validate validation.
npx skills add https://github.com/denizzeybek/Flexytime-Fe --skill vue-modal
Please help me install this Agent Skill. Skill: vue-modal Source: https://github.com/denizzeybek/Flexytime-Fe/tree/main/.claude/skills/vue-modal Command: npx skills add https://github.com/denizzeybek/Flexytime-Fe --skill vue-modal
This Skill streamlines the creation of modal dialogs for forms within a Vue.js application, complete with integrated validation.
Use the vue-modal skill to create a modal named CompanyModal for the settings/companies page.
High-intent search queries and answers about installing and using this skill.
To generate a Vue modal with form validation, this Skill scaffolds a Vue.js component using PrimeVue Dialog, vee-validate, and Yup to handle form fields and validation rules for creating or editing entries. It supports Vue 3 and internationalization via i18n.
Yes, you can use vee-validate and Yup inside a PrimeVue Dialog. This Skill integrates these libraries to manage form submission and validation logic directly within the modal component for specified page contexts.
To scaffold a Vue modal for creating and editing existing data, this Skill generates a reusable component configured for both operations. It applies PrimeVue Dialog and vee-validate to manage form state and validation for new entries or updates within a specific page.
To set up a Vue 3 modal with vee-validate, you need PrimeVue for the Dialog component, vee-validate and Yup for form validation, and an i18n library for internationalization. The Skill generates code expecting these dependencies to be installed in your project.
Automating internationalization in Vue modal forms is supported by this Skill. It generates modal components using PrimeVue Dialog and vee-validate while requiring an i18n setup to handle translated text for form fields and validation messages across different locales.
skilld-devIntegrate vee-validate with toTypedSchema for typed Vue 3 form validation.
tonehqGenerate full-stack create/edit forms with backend endpoints, Zod schemas, and UI layouts.
SusieCmyGenerate complete CRUD module scaffolds for Vue Vben Admin projects.
JosephAnsonEnforce Shadcn Vue component patterns with vee-validate and Zod forms.
