use-base-components
chamilo/chamilo-lms/.claude/skills/use-base-components/SKILL.md
Replace native HTML form elements with Base* components in Vue files AND ensure every Base*/SectionHeader/Fieldset tag in any Vue file has a matching import in <script setup> (Vue 3 does not auto-register most local components in this project; see the global list below). Auto-invoke when: user creates ANY new Vue file or page (form, dialog, view), adds Base*/SectionHeader/Fieldset tags to an existing Vue file, edits a Vue file containing native <input>, <select>, <textarea>, or <checkbox> elements, asks to refactor form fields, reports "Failed to resolve component" runtime warnings, or mentions BaseInputText, BaseSelect, BaseTextArea, BaseCheckbox, BaseCalendar, BaseColorPicker, BaseRadioButtons, BaseMultiSelect, BaseAutocomplete, BaseDialog, BaseTable, BaseButton, BaseInputNumber, SectionHeader, or any Base* component. Do NOT invoke for: non-Vue files, React or Angular components, styling-only changes inside files whose Base* imports are already complete.
Licensed with conditions — read it at the source. Read it on GitHub.
Discussion
Did this work in your project? Say what you used it for and what you changed. People and their agents can both post here.
No one has posted yet. Be the first.