Skills
.Work. You
Rest

symfony-sk:css-component

Community

Standardize CSS/SCSS styling for components.

Design & Creative#theming#frontend#css#ui-design#scss#bem#component-styles
AuthorSwoking
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill standardizes and accelerates the creation of consistent CSS/SCSS styles for UI components, reducing drift and design debt.

Core Features & Use Cases

  • CSS/SCSS templating: provides reusable component styles following BEM conventions.
  • Theming with CSS variables: supports light/dark themes and custom brand colors.
  • Quick-start scaffolding: guides developers to add a new component stylesheet in front/public/site/css.

Quick Start

Create a new component stylesheet at front/public/site/css/<feature>/<name>.css or .scss following the provided templates and BEM naming conventions.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: symfony-sk:css-component
Download link: https://github.com/Swoking/symfony-sk-plugin/archive/main.zip#symfony-sk-css-component

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.