Buefy — компоненты Vue на Bulma CSS

★ 6.5 · web-development

Работа с UI-компонентами на Vue — это скилл для Claude Code, который подключает знание библиотеки Buefy и помогает генерировать правильные Vue 3 SFC-компоненты на основе Bulma CSS: кнопки, формы, модальные окна, таблицы, навигацию и уведомления. Берут, когда нужно быстро собрать интерфейс на Vue без написания CSS вручную, когда в проекте уже стоит buefy в package.json и надо не ошибиться с пропсами, когда хочется добавить модальное окно или toast-уведомление с правильной семантикой, или когда надо обернуть поля формы с валидацией и лейблами. Скилл знает компоненты Buefy (b-button, b-field, b-input, b-modal, b-table, b-autocomplete и другие), правила их использования — type-проп вместо class, обязательный b-field вокруг input-полей, именованные v-model на b-table, иконки без префикса mdi-, программные API через ToastProgrammatic и useToast. Стек: Vue 3, TypeScript, Bulma SCSS; устанавливается через npm, поддерживает полный импорт и tree-shaking отдельных компонентов. Направление — генерация Vue-шаблонов с Buefy-компонентами, а не разработка произвольного CSS или работа с другими UI-библиотеками вроде Vuetify. Подойдёт для проектов на Vue 3 с Bulma; не подходит, если проект использует Vue 2 или другую CSS-систему.