概要
The Component Slots skill provides a structured methodology for enhancing React and TSX components with 'slots' using data-slot attributes. This approach allows developers to override styles of specific internal elements from a parent component without modifying the child component's core logic. By enforcing a strict naming convention and providing standardized JSDoc documentation patterns, this skill makes UI libraries more maintainable, themeable, and accessible for other developers. It is particularly effective for design systems using Tailwind CSS or CSS-in-JS where granular structural targeting is required.
