Can I use this for custom form elements like toggles?

Yes, the skill provides specific implementation patterns for switches, button-styled toggles (btn-check), and custom range sliders.

Does it provide support for form validation?

Yes, it includes patterns for both client-side and server-side validation states (is-valid/is-invalid) and the necessary HTML structure for feedback messages.

How does this skill improve form accessibility?

It automatically implements semantic labels, associates help text via aria-describedby, and ensures that validation states are announced correctly by screen readers.

Which version of Bootstrap does this skill support?

This skill is specifically optimized for Bootstrap 5.3.8, including support for the latest utility classes and native haptic feedback switches.

Bootstrap 5.3 Forms Expert

Name: Bootstrap 5.3 Forms Expert
Author: sjnims

bysjnims

•

디자인 도구

Generates and styles accessible, production-ready Bootstrap 5.3 form components and responsive layouts using standardized patterns.

The bootstrap-forms skill provides Claude with deep expertise in the Bootstrap 5.3 form ecosystem, enabling the rapid creation of everything from simple contact fields to complex multi-step registration interfaces. It focuses on implementing best practices for semantic HTML, accessibility through ARIA integration, and the latest component features like floating labels and haptic switches for mobile. By utilizing this skill, developers can ensure their forms are not only visually consistent with the Bootstrap framework but also functional, accessible, and responsive across all device types.

주요 기능

01Accessibility-first implementation with integrated ARIA attributes

02Standardized styling for all Bootstrap 5.3 form controls and inputs

03Pre-configured patterns for form validation and feedback states

04Support for advanced components like custom switches, ranges, and datalists

051 GitHub stars

06Responsive layout strategies including input groups and floating labels

사용 사례

01Converting legacy HTML forms into modern, responsive Bootstrap 5.3 layouts

02Designing accessible user authentication and registration workflows

03Building complex data management interfaces with custom select and range inputs

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add sjnims/bootstrap-expert bootstrap-forms

For use in Claude.ai and ChatGPT

Download Skill