skills.rest
kizzz
kizzzCOMMUNITY
Explore all skills by this author →
GitHub

css-scss-human-made

Enforce BEM naming, CSS custom properties, and Stylelint configuration for CSS/SCSS projects.

Updated Aug 27, 2026
Search Tags:#theming#linting#css#naming-conventions#scss#stylelint#bem
One-click install
npx skills add https://github.com/kizzz/eleon-client --skill css-scss-human-made
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: css-scss-human-made
Source: https://github.com/kizzz/eleon-client/tree/main/.agents/skills/css-scss-standards
Command: npx skills add https://github.com/kizzz/eleon-client --skill css-scss-human-made

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Human-made CSS and SCSS standards help teams maintain consistent styling across projects, improve readability, and reduce bugs by enforcing naming, tokens, and linting guidelines.

Core Features & Use Cases

  • BEM naming conventions for blocks, elements, and modifiers to improve modularity and readability.
  • CSS custom properties guidelines and theme.json integration to ensure design tokens are consistent across components.
  • Stylelint configuration and linting best practices to catch style issues early in CI.

Quick Start

Implement the Human Made CSS/SCSS standards in the current project and run the Stylelint checks to enforce them.

Frequently Asked Questions about css-scss-human-made

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I enforce consistent CSS and SCSS standards across my projects?▼

To enforce consistent CSS and SCSS standards, implement BEM naming conventions, CSS custom properties guidelines, and Stylelint configuration to catch style issues early in CI.

What is BEM naming and how does it improve CSS modularity?▼

BEM is a CSS naming convention for blocks, elements, and modifiers. It improves CSS modularity and readability by enforcing structured class naming across theme components.

How do I integrate CSS custom properties with theme.json?▼

Integrate CSS custom properties with theme.json to ensure design tokens remain consistent across components, maintaining styling consistency throughout your themes.

Does this CSS linting approach work with existing Stylelint configurations?▼

Yes, this approach provides Stylelint configuration and linting best practices to catch style issues early. You run the checks to enforce human-made standards in your current project.

What is the best way to configure Stylelint for SCSS in theme development?▼

The best way to configure Stylelint for SCSS is applying human-made standards that define BEM naming, custom properties, and theme.json integration to enforce consistent styling in components.

Related Skills

Explore More Software Engineering Skills→
ehtbantonehtbanton

stylelint-config-generator

Generate Stylelint configuration files for CSS/SCSS linting and formatting.

Community
Basic
jnealey88jnealey88
12

lint

Lint and auto-fix JavaScript, CSS, and PHP code with ESLint, Stylelint, and WPCS.

Community
Intermediate
xobotyixobotyi
19

css

Enforce modern CSS conventions with low specificity and explicit cascade control.

Community
Intermediate
t-stringst-strings

Frontend CSS

Enforce frontend CSS standards for consistent styling and maintainability.

Official
Basic