Bem Class Extractor Html

io.github.jmshinhwa由 GitHub 帳號 jmshinhwa 發布v0.1.2更新於 Oct 24, 2026

16 BEM naming rules read the HTML file you have open and 22 markup and SCSS skeletons write the styl

已驗證STDIO僅桌面開發者工具

概覽

AI 產生的概覽

本機 MCP 伺服器，讀取目前開啟的 HTML 檔案，依 16 條 BEM 命名規則檢查，並產生標記與 SCSS 骨架。

可以做什麼
  • 讀取編輯器中目前開啟的 HTML 檔案，並依 16 條 BEM 命名規則檢查類別名稱。
  • 依擷取出的 BEM 類別產生標記骨架與 SCSS 骨架（共 22 個）。
  • 依頁面中找到的類別產生樣式鷹架。
適用情境
適合遵循 BEM 規範的前端標記工作，想在助手協助下檢查類別命名，或快速產生搭配的 SCSS 與標記骨架時。
執行需求
以本機 stdio 程序執行，透過 npx 從 npm 套件 @readystack/bem-class-extractor-html 安裝，需要 Node.js 以及下載該套件的網路存取。僅限桌面端；未宣告驗證、環境變數或標頭。
安裝前請注意
它會讀取你目前開啟的 HTML 檔案，助手因此能看到該檔案內容。產生的骨架屬於寫入型輸出，套用到樣式表前請先審閱。README 內容很少且未公布工具清單，依賴前請先確認實際行為。

安裝

在 SourceWeft 中

  1. 開啟 儀表板中的 Bem Class Extractor Html，將其新增到工作區。
  2. 為需要使用其工具的對話啟用該服務。

Desktop only，透過 STDIO。 STDIO 服務會啟動本機處理程序，因此需要 SourceWeft 桌面主機。

其他 MCP 客戶端

參照 儲存庫 中的啟動說明。

README

readystack-themes

Made by ReadyStack · free calculators and templates at getreadystack.com VS Code themes by ReadyStack

來源：README.md，提交 ee1c884

工具

0
SourceWeft 尚未在沙箱中啟動過該軟體包，因此其工具未知。

版本歷史

2
  1. v0.1.2最新Sep 19, 2026
  2. v0.1.1Sep 18, 2026

評分

已滿足適用檢查項的 40%

該評分衡量此收錄條目的完整程度，依據註冊中心條目、端點與公開來源計算得出。它不是對伺服器本身的評價，也不表示伺服器安全或目前可用：可連通性是帶日期的檢查結果，評分也不包含安裝量或使用者評價。

  • 近 30 天內可連通25 分

    請保持端點能夠回應 MCP 握手；SourceWeft 每 30 天探測一次。

  • 已宣告認證方式10 分

    請在註冊中心條目中宣告憑證請求標頭，或保持端點能夠回應探測，以便判定其認證方式。

  • 已列出工具15 分

    請讓伺服器在無憑證時回應 tools/list，或發布可在沙箱中無憑證啟動的軟體包。

  • 描述必需15 分
  • 圖示10 分
  • 文件15 分
  • 授權條款10 分

    請在儲存庫或註冊中心條目中宣告授權條款。