Provides comprehensive guidance for Bootstrap Vue 3 component library including Bootstrap components, grid system, utilities, and Vue 3 integration. Use when the user asks about Bootstrap Vue 3, needs to use Bootstrap components in Vue 3, or implement responsive layouts.
View on GitHubpartme-ai/full-stack-skills
development-skills-utils
February 1, 2026
Select agents to install to:
npx add-skill https://github.com/partme-ai/full-stack-skills/blob/main/skills/bootstrap-vue3/SKILL.md -a claude-code --skill bootstrap-vue3Installation paths:
.claude/skills/bootstrap-vue3/## When to use this skill Use this skill whenever the user wants to: - Build Vue 3 applications with Bootstrap Vue components - Use Bootstrap UI components (Button, Form, Table, Modal, etc.) - Create responsive layouts with Bootstrap grid - Use Bootstrap Vue directives (v-b-tooltip, v-b-popover, v-b-modal) - Implement forms with Bootstrap styling - Display data in Bootstrap tables - Create modals and alerts - Use Bootstrap navigation components - Customize Bootstrap themes - Migrate from Bootstrap Vue 2.x to 3.0 ## How to use this skill This skill is organized to match the Bootstrap Vue 3.0 official documentation structure (https://bootstrap-vue.org/docs, https://bootstrap-vue.org/docs/components). When working with Bootstrap Vue 3.0: 1. **Identify the topic** from the user's request: - Getting started/快速开始 → `examples/getting-started/installation.md` or `examples/getting-started/basic-usage.md` - Button/按钮 → `examples/components/button.md` - Form/表单 → `examples/components/form.md` - Table/表格 → `examples/components/table.md` - Modal/模态框 → `examples/components/modal.md` - Alert/警告框 → `examples/components/alert.md` - Navbar/导航栏 → `examples/components/navbar.md` - Grid/栅格 → `examples/components/grid.md` - Directives/指令 → `examples/directives/tooltip.md` or `examples/directives/modal.md` 2. **Load the appropriate example file** from the `examples/` directory: **Getting Started (快速开始) - `examples/getting-started/`**: - `examples/getting-started/installation.md` - Installing Bootstrap Vue and basic setup - `examples/getting-started/basic-usage.md` - Basic component usage **Components (组件) - `examples/components/`**: - `examples/components/button.md` - Button component - `examples/components/form.md` - Form components - `examples/components/input.md` - Input component - `examples/components/table.md` - Table component - `examples/components/modal.md` - Modal component - `examples/components/alert.md` - Alert c