mds-css-conventions
CommunityStandardize CSS for generated components.
Authoreboody
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill ensures consistent and maintainable CSS across generated components by enforcing project-specific conventions for class naming, style scoping, and layout, leading to a more cohesive and professional UI.
Core Features & Use Cases
- Enforces CSS Conventions: Guides developers on applying repo-wide CSS standards.
- Hybrid Styling Model: Promotes a balance between global reusable styles and scoped component-specific styles.
- Modern CSS Adoption: Encourages the use of modern CSS features for enhanced functionality and accessibility.
- Use Case: When developing a new UI component, use this Skill to ensure its CSS adheres to the project's established patterns for class naming (e.g.,
ui-tabs) and scoping, preventing style conflicts and promoting reusability.
Quick Start
Apply repo CSS conventions and css-scope-inline usage patterns to class design and style scoping decisions used by generated components.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: mds-css-conventions Download link: https://github.com/eboody/eran.codes/archive/main.zip#mds-css-conventions Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.