bem-structure とは？
BEM (Block Element Modifier) 手法を使用した CSS の作成、リファクタリング、構造化に関する専門家によるガイダンス。適切な CSS クラス命名規則、コンポーネント構造、および保守可能でスケーラブルなスタイルシートのための光学設計システムの統合を提供します。 ソース: rolemodel/rolemodel-skills。
·bem-structure
</>
bem-structure
✓BEM (Block Element Modifier) 手法を使用した CSS の作成、リファクタリング、構造化に関する専門家によるガイダンス。適切な CSS クラス命名規則、コンポーネント構造、および保守可能でスケーラブルなスタイルシートのための光学設計システムの統合を提供します。
bem-structure のインストール方法
コマンドラインで bem-structure AI スキルを開発環境にすばやくインストール
- ターミナルを開く: ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます
- インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/rolemodel/rolemodel-skills --skill bem-structure
- インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
ソース: rolemodel/rolemodel-skills。
SKILL.md
原文を見るThis skill guides AI in writing CSS using the BEM (Block Element Modifier) methodology for creating maintainable, scalable, and reusable stylesheets with clear naming conventions and component structure, while exercising judgment about scope, risk, and architectural impact. It also should use BEM in conjunction with Optics, our RoleModel design system, so that it's not recreating things that already exist. If ther...
The agent should prioritize clarity, predictability, and minimal unintended side effects.
Keywords: CSS review, BEM structure, BEM methodology, CSS best practices, Refactor CSS, Review CSS, Fix my CSS, Fix my BEM, BEM-ify my CSS
BEM (Block Element Modifier) 手法を使用した CSS の作成、リファクタリング、構造化に関する専門家によるガイダンス。適切な CSS クラス命名規則、コンポーネント構造、および保守可能でスケーラブルなスタイルシートのための光学設計システムの統合を提供します。 ソース: rolemodel/rolemodel-skills。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/rolemodel/rolemodel-skills --skill bem-structure- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-21
- 更新日
- 2026-03-10
クイックアンサー
bem-structure のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/rolemodel/rolemodel-skills --skill bem-structure インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/rolemodel/rolemodel-skills
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-21