@readystack/bem-class-extractor-html

BEM Class Auditor for HTML and SCSS

16 BEM naming rules read the HTML file you have open and 22 markup and SCSS skeletons write the stylesheet shell, so the class names get fixed before the pull request comes back for them.

Install

npx @readystack/bem-class-extractor-html file.htm

Node 18+. The same 16 rules as the VS Code extension, from a terminal or CI.

Free

• Audits the HTML file you have open against all 16 BEM naming rules and lists every finding with its line number, and inserts any of the 22 markup and SCSS skeletons at the cursor. One file is finished, with no licence key and nothing withheld.
• --rules lists every rule

With a licence ($39 once)

• Runs the same 16 rules across every HTML file in the repository instead of only the one on screen, and writes the findings out as a CSV, JSON or HTML file you can attach to the pull request.

@readystack/bem-class-extractor-html --dir ./templates --report html --out report.html

$73 an hour, the 2026 average freelance front-end developer rate (arc.dev, contractrates.fyi); a naming pass over a themed repo is at least one of those hours, and US mid-level contract rates run $89-$140.

Use from an AI agent (MCP)

Claude Code · Cursor · Windsurf · any MCP client - add to your MCP config:

{ "mcpServers": { "bem-class-extractor-html": { "command": "npx", "args": ["-y", "@readystack/bem-class-extractor-html", "--mcp"] } } }

Tools: check_text and check_file (free) · check_dir (licence). The agent gets every finding with the line number.

Use in CI

- name: BEM Class Auditor for HTML and SCSS
  run: npx -y @readystack/bem-class-extractor-html --dir . --ci

(container: docker run --rm -v "$PWD:/work" getreadystack/bem-class-extractor-html --dir /work --ci)

The folder sweep, reports and CI mode need one licence — one payment, no subscription. Set READYSTACK_LICENSE=<key> or run --license <key> once.

Get a licence