mcpField
M
Master CSS

Master CSS

ローカル
css.master.coその他2.0k今日更新
リポジトリ公式サイト

Master CSS について

Master CSS は、クラスや生成 CSS、プロジェクトのスタイルシートを調べるツールを備えた CSS フレームワークです。スタイル変更を追跡し、出力を確認したい開発者向けです。

主な機能

  1. 01Master CSS クラスの確認
  2. 02生成 CSS の変更追跡
  3. 03プロジェクトのスタイルシート確認
  4. 044 種類のレンダリングモード比較

活用シーン

  1. 01クラスが生成する CSS の特定
  2. 02スタイル変更の影響追跡
  3. 03レンダリングモードの検討

MCP 対応

この MCP サーバーは、Master CSS のクラス、生成 CSS、プロジェクトのスタイルシートを調べるツールを AI クライアントに提供します。

設定

ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。

mcp.json · 共通設定
{
  "mcpServers": {
    "master-co-master-css": {
      "command": "npx",
      "args": [
        "-y",
        "@master/css-mcp"
      ]
    }
  }
}
起動コマンドnpx -y @master/css-mcp

ローカルサーバーにはマシン上の実行環境（Node.js 18 以上など）が必要です。設定ファイルの場所はクライアントごとに異なります。

パッケージ
npm@master/css-mcp2.0.2

ツール

ツール一覧はまだ取得されていません

ローカルサーバーのツールはマシン上で起動して初めて取得できます。メンテナーはまだツール一覧を提供していません。

README（原文）English

プロジェクトの README より

この README の日本語訳はまだありません。以下は英語の原文です。日本語の紹介はページ上部をご覧ください。


Master CSS

Compose CSS and project design rules in markup, with tools to trace changes and verify generated styles.

GitHub release NPM package ( download / month ) JSDelivr hits (npm scoped) Follow @mastercorg Github release actions

Getting started

Read the installation guide to set up Master CSS for an application.

Compare the four rendering modes: static, runtime, prerender, and progressive.

Community

  • Documentation — Set up Master CSS and look up supported behavior.
  • GitHub Discussions — Ask questions, discuss ideas, and share your work. English and Chinese are welcome.
  • GitHub Issues — Report reproducible bugs and track implementation work.
  • Releases — Follow version changes and release notes.

Use Discussions for technical support so answers remain available to other users. Discord remains a secondary community space; real-time support is not guaranteed. See the support guide.

Our Code of Conduct applies to all Master CSS community channels.

Contributing

Please see our CONTRIBUTING for workflow.

Inspiration

Some of the core concepts and designs are inspired by these giants.

  • The concept of enhanced syntax is inspired by SASS and TypeScript
  • The concept of Virtual CSS is inspired by the Virtual DOM
  • CSS-first theme configuration and the @theme directive are inspired by Tailwind CSS.

コメント

Markdown 対応

MCP は初めてですか？

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。