sass-scss
CommunityMaster SCSS for scalable stylesheets.
AuthorRepairYourTech
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides a comprehensive guide and best practices for writing scalable, maintainable, and performant stylesheets using SCSS (Sassy CSS), addressing the complexities of modern CSS development.
Core Features & Use Cases
- Modern Module System: Master
@useand@forwardfor organized, namespaced code. - Design Token Architecture: Implement robust design systems with SCSS maps.
- Responsive Design: Utilize breakpoint mixins for mobile-first and desktop-first layouts.
- Theming: Create dynamic themes using SCSS maps and CSS custom properties.
- Use Case: When building a large-scale design system, use this Skill to structure your SCSS with a clear token architecture, reusable mixins, and a robust module system, ensuring consistency and maintainability across all components.
Quick Start
Use the sass-scss skill to generate a button component using the modern module system and design tokens.
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: sass-scss Download link: https://github.com/RepairYourTech/cfsa-antigravity/archive/main.zip#sass-scss 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.