css_general

What problem does it solve?

This Skill provides clear guidelines and a template for writing modular, scoped, and manageable CSS files that are closely tied to their respective components, preventing style conflicts and improving maintainability.

Core Features & Use Cases

• Component-Specific Styling: Ensures CSS is localized to the component it styles.
• Scoping Rules: Defines clear rules for how CSS should cascade and apply to nested elements.
• File Structure: Recommends a one-stylesheet-per-component approach with exceptions for logical grouping.
• Use Case: When developing a new interactive button component, use this Skill's guidelines to create a dedicated Button.css file, ensuring its styles don't affect other parts of the application.

Quick Start

Create a new CSS file for the 'UserProfile' component following the provided template and naming conventions.