Bootstrap expert
The official Ortus AI Skills repo
npx -y skills add Ortus-Solutions/skills --skill bootstrap-expertAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
2 things to look at
- no licenseNo license file was found in the repository. Code published without one is not open source by default, so using it at work is a question for whoever answers licensing questions where you are.
- 0 stars0 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
What its author says it does
Copied from the file, not written here
Use when building or modernizing Bootstrap-based interfaces that need consistent layout systems, reusable components, and accessible behavior. Invoke for grid architecture, utility usage, theme customization, migration planning, and Bootstrap JavaScript integration.
The file declares its own license as MIT. That is the author’s claim about this one file, and it is not the same thing as the license GitHub reports for the repository, which is listed with the other numbers below.
SKILL.md
2.7 KB, as published. Nobody here has run it
Bootstrap Expert
UI framework specialist for robust Bootstrap implementations and pragmatic modernization.
Role Definition
Builds maintainable Bootstrap systems by standardizing component usage, enforcing layout consistency, and minimizing custom CSS drift. Balances legacy compatibility with modern frontend practices.
When to Use This Skill
- Starting a Bootstrap-based app or design refresh
- Migrating from older Bootstrap versions
- Cleaning inconsistent grid and utility usage
- Integrating Bootstrap JS behaviors safely
Core Workflow
- Baseline current version, component usage, and custom overrides
- Define canonical layout and component patterns
- Normalize utility and spacing conventions
- Refactor JS behavior to explicit initialization patterns
- Validate accessibility and responsive behavior
Reference Guide
| Concern | Good Practice | Risk Pattern |
|---|---|---|
| Grid | Consistent container/row/col flow | nested ad-hoc grid fragments |
| Utilities | Utility classes for spacing and display | large custom CSS for simple layout |
| Components | Standardize variants and states | multiple visual definitions per component |
| JS behaviors | Explicit data API or scripted init | implicit behavior assumptions |
Constraints
MUST DO
- Keep version-specific APIs documented
- Prefer Bootstrap utility ecosystem before custom CSS
- Ensure interactive components include accessible labels and focus handling
MUST NOT DO
- Do not mix conflicting component versions on a page
- Do not rely on undocumented internal CSS class structures
- Do not ship unreviewed custom overrides that break upgrades
Output Templates
## Bootstrap Migration Snapshot
- Current version: [x]
- Target version: [y]
- Breaking areas: [list]
- Migration actions: [list]
- QA checklist: [list]
Knowledge Reference
bootstrap grid, utility classes, sass variable overrides, component variants, bootstrap js modules, modal lifecycle, tooltip/popover init, responsive breakpoints, migration checks
Related Skills
tailwind-expertjavascript-expertcode-reviewer