https://github.com/sjnims/bootstrap-expert
Claude Code plugin providing Bootstrap 5.3.8 expertise with 9 specialized skills, component generator command, and proactive agent for front-end development
https://github.com/sjnims/bootstrap-expert
bootstrap bootstrap-5 bootstrap-icons claude-code claude-code-plugin css-framework frontend responsive-design sass ui-components web-development
Last synced: 2 months ago
JSON representation
Claude Code plugin providing Bootstrap 5.3.8 expertise with 9 specialized skills, component generator command, and proactive agent for front-end development
- Host: GitHub
- URL: https://github.com/sjnims/bootstrap-expert
- Owner: sjnims
- License: mit
- Created: 2025-12-14T02:37:20.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2026-03-23T22:23:30.000Z (3 months ago)
- Last Synced: 2026-03-24T21:13:47.233Z (3 months ago)
- Topics: bootstrap, bootstrap-5, bootstrap-icons, claude-code, claude-code-plugin, css-framework, frontend, responsive-design, sass, ui-components, web-development
- Language: HTML
- Size: 749 KB
- Stars: 3
- Watchers: 0
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Codeowners: .github/CODEOWNERS
- Security: SECURITY.md
Awesome Lists containing this project
README
# Bootstrap Expert Plugin
[](https://getbootstrap.com/)
[](https://icons.getbootstrap.com/)
[](LICENSE)
[](https://claude.ai/code)
A comprehensive Claude Code plugin for Bootstrap 5.3.8 and Bootstrap Icons front-end development.
## Table of Contents
- [Features](#features)
- [Prerequisites](#prerequisites)
- [Installation](#installation)
- [Quick Start](#quick-start)
- [Skills](#skills)
- [Commands](#commands)
- [Agent](#agent)
- [Bootstrap Version](#bootstrap-version)
- [Contributing](#contributing)
- [License](#license)
## Features
- **9 Specialized Skills** - Deep expertise aligned with Bootstrap's documentation structure
- **Component Generator** - Interactive command to generate Bootstrap components
- **Proactive Agent** - Autonomous assistant for Bootstrap development tasks
## Prerequisites
- [Claude Code](https://claude.ai/code) installed and configured
## Installation
### From GitHub (Recommended)
```bash
# Add the marketplace
/plugin marketplace add sjnims/bootstrap-expert
# Install the plugin
/plugin install bootstrap-expert@bootstrap-expert-marketplace
```
Or use the full URL:
```bash
/plugin marketplace add https://github.com/sjnims/bootstrap-expert
/plugin install bootstrap-expert@bootstrap-expert-marketplace
```
### Local Development
```bash
claude --plugin-dir /path/to/bootstrap-expert
```
## Quick Start
Once the plugin is loaded, you can:
1. **Ask Bootstrap questions** - Skills load automatically based on your question:
```text
"How do I create a responsive navbar?"
"What's the Bootstrap grid system?"
"How do I add form validation?"
```
2. **Generate components** - Use the command to create Bootstrap components:
```text
/bootstrap-expert:component navbar
/bootstrap-expert:component modal --centered --scrollable
/bootstrap-expert:component card --with-image --horizontal
```
3. **Get proactive help** - The agent triggers automatically when you're working on Bootstrap-related tasks.
## Skills
| Skill | Description |
|-------|-------------|
| `bootstrap-overview` | Getting started, installation, project setup, browser support |
| `bootstrap-customize` | Sass variables, CSS custom properties, theming, color modes |
| `bootstrap-layout` | Grid system, containers, breakpoints, columns, CSS Grid |
| `bootstrap-content` | Typography, images, tables, figures, Reboot |
| `bootstrap-forms` | Form controls, validation, input groups, floating labels |
| `bootstrap-components` | All UI components (modals, navbars, cards, accordions, etc.) |
| `bootstrap-helpers` | Clearfix, ratios, stacks, stretched links, visually hidden |
| `bootstrap-utilities` | Spacing, colors, display, flex, position, sizing, text |
| `bootstrap-icons` | Icons library installation, usage, styling, accessibility |
## Commands
### `/bootstrap-expert:component [component-name]`
Generate Bootstrap component code interactively or with full arguments.
**Interactive mode:**
```text
/bootstrap-expert:component navbar
```
**With arguments:**
```text
/bootstrap-expert:component navbar --dark --fixed-top --with-search
```
**Supported components:**
- `accordion` - Collapsible content panels
- `alert` - Alert messages
- `badge` - Contextual labels and counters
- `breadcrumb` - Breadcrumb navigation
- `button` / `buttons` - Button variants and styles
- `button-group` - Grouped buttons
- `card` - Card layouts with images, headers, footers
- `carousel` - Image/content sliders
- `collapse` - Collapsible content sections
- `dropdown` - Dropdown menus
- `form` - Form layouts with validation
- `list-group` - List items with actions
- `modal` - Modal dialogs with customizable options
- `navbar` - Navigation bars with various configurations
- `offcanvas` - Offcanvas sidebars
- `pagination` - Page navigation
- `placeholders` - Loading placeholder animations
- `popover` - Pop-up information boxes
- `progress` - Progress bars
- `spinner` - Loading indicators
- `table` - Responsive data tables
- `tabs` / `nav-tabs` - Tabbed navigation
- `toast` - Toast notifications
- `tooltip` - Hover tooltips
## Agent
The `bootstrap-expert` agent triggers proactively when Bootstrap-related work is detected, helping with:
- **Component Implementation** - Guidance on implementing Bootstrap components correctly
- **Layout Troubleshooting** - Solving grid system and responsive design issues
- **Accessibility** - Ensuring components meet WCAG guidelines with proper ARIA attributes
- **Code Review** - Reviewing Bootstrap code for best practices and optimization
**Example triggers:**
- Creating or editing HTML files with Bootstrap classes
- Discussing responsive layouts or breakpoints
- Working with Bootstrap JavaScript components
- Asking about Bootstrap customization or theming
## Bootstrap Version
This plugin targets **Bootstrap 5.3.8** and **Bootstrap Icons 1.13.x**.
All generated code, class names, and documentation align with these versions. When Bootstrap releases updates, this plugin will be updated accordingly.
## Contributing
Contributions are welcome! Please read our [Contributing Guide](CONTRIBUTING.md) before submitting a Pull Request.
For security issues, please see our [Security Policy](SECURITY.md).
## License
MIT - see [LICENSE](LICENSE) for details.