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

★ 6.5 · web-development

Vue UI Components skill is a Claude Code skill that brings Buefy expertise into code generation — producing correct Vue 3 SFCs built on Bulma CSS, covering buttons, forms, modals, tables, navigation, and programmatic notifications. Reach for it when you need to wire up a Vue interface without hand-writing CSS, when a project already lists buefy in package.json and you want prop usage to be accurate, when you need to add a modal or toast with proper semantics, or when form fields need validation messages and labels via b-field. The skill covers the full Buefy component set (b-button, b-field, b-input, b-modal, b-table, b-autocomplete, and more) and enforces correct patterns: type prop instead of class, mandatory b-field wrappers around inputs, named v-model bindings on b-table, icon names without the mdi- prefix, and programmatic APIs via ToastProgrammatic or the useToast composable. Stack: Vue 3, TypeScript, Bulma SCSS; installed via npm with support for full bundle or tree-shakeable individual imports. Direction — generating Buefy-based Vue templates, not arbitrary CSS authoring or integration with other libraries like Vuetify or PrimeVue. Suitable for Vue 3 + Bulma projects; not applicable for Vue 2 codebases or projects using a different styling system.