MCP.Market

Cssgraph MCP server

by mack-peng·io.github.mack-peng/cssgraph·v0.6.3·2 stars
No reviews yet

CSS intelligence for AI coding agents — surgical style context, fewer tool calls. 100% local.

A85/100grade A
Write a reviewInstall
What users say
No reviews yet
Be the first
Safety scan
A85/100

full report

Adoption
Growing

2 stars51 downloads/wk

Reviews

Write one

Nobody has reviewed Cssgraph yet.

If you have run it, two minutes of your experience saves the next person an afternoon.

Cssgraph tools (13)

write = sends, deletes, buys or posts

Read from the package source without running it. The installed server may list more.

  • cssgraph_callers

    Find JSX components that reference a className.

  • cssgraph_cascade

    Visualize the cascade path for a className, ordered by specificity.

  • cssgraph_details

    Quick exact match: find files defining a specific CSS selector string.

  • cssgraph_diagnose

    Static anchor diagnosis for scroll/height issues. Walks the DOM ancestor chain and classifies each level's height declaration as DEFINITE (absolute unit, usable as anchor), INDEFINITE (%), or UNVERIFIABLE (auto/none). Detects compensation red flags (overflow + large margin, fixed + %, max-height only). Static analysis cannot prove runtime resolution — UNVERIFIABLE levels require DOM Reality Report

  • cssgraph_explore

    PRIMARY TOOL: Get the full style context for a className — properties, overrides, specificity, and callers in one call.

  • cssgraph_files

    List project style files from the index.

  • cssgraph_impact

    Analyze the impact radius of changing a className.

  • cssgraph_impact_selector

    Find code files (JS/TS/JSX/TSX/es6) affected by a CSS selector — strict (all classes) and loose (any class) impact.

  • cssgraph_property

    Search selectors by CSS property value (e.g. property="display", value="flex").

  • cssgraph_rule

    Analyze the impact radius of a CSS selector (exact, related selectors, class usage, loose/strict impact).

  • cssgraph_search

    Search for className selectors by name.

  • cssgraph_status

    Show index statistics.

  • cssgraph_unused

    Find CSS class selectors that have no incoming references.

Public scan report

scanner v0.1.10 · 2026-10-03 · same rubric, same numbers if you re-run it

1 medium
  • Code scan109 source files scanned20/25
  • –Live reliabilityno gateway calls yet and no remote to proben/a
  • –Tool poisoningtools not inspected (local package is not executed); not countedn/a
  • Auth qualitylocal package, no credentials required12/15
  • Maintenancelast push 17 days ago15/15
  • Maintainer identityregistry namespace matches repository owner; GitHub account older than a year8/10

Findings (1)

  • mediumeval / new Function usedexec.eval
    dist/installer/index.js: …slint/no-implied-eval const importESM = new Function('specifier', 'return import(specifier)')…
Overall 85/100. Components that don't apply are left out of the denominator. Any critical finding is an F.RubricAppeal a findingJSON

How Cssgraph compares

Against every graded MCP server, from our own scans and uptime checks. Updated after each scan run.

Safety score
85/100
higher than 70% of 48,255 servers
Tools
13
the typical server has 7
Tools that change things
0%
typical: 0%. Fewer write tools means less an agent can break
GitHub stars
2
more than 75% of 28,688 servers
Downloads a week
51
more than 43% of 12,191 servers with a package

What its tools let an agent do: 13 read

Install Cssgraph in Claude Code, Cursor or VS Code

Runs npx -y cssgraph on your machine. Read the scan report first; the gateway never runs local packages.

claude mcp add cssgraph -- npx -y cssgraph
Add to Cursor

What the publisher says

From the Cssgraph repository's README, as published. We do not edit it. Read it on GitHub

cssgraph

CSS Intelligence for AI Coding Agents

Surgical style context · fewer tool calls · faster answers · 100% local

Why cssgraph?

When an AI agent needs to understand CSS — where is .btn-primary defined, what properties does it have, which selectors cascade over it, which JSX components reference it — it discovers style the slow way: grep, glob, and Read, one file at a time, reconstructing the cascade by hand.

cssgraph hands the agent the exact style context it needs in one call. It's a pre-built knowledge graph of every className, CSS property, variable, and at-rule in your stylesheets — so instead of crawling files, the agent asks one question and gets back the properties, overrides, specificity, callers, and file-level impact in full.

Installation

For Humans

Copy and paste this prompt to your LLM agent (Claude Code, Cursor, Codex, etc.):

Install and configure cssgraph by following the instructions here:
https://raw.githubusercontent.com/mack-peng/cssgraph/main/docs/guide/installation.md

Or read the Installation Guide, but seriously, let an agent do it. Humans fat-finger configs.

For LLM Agents

Fetch the installation guide and follow it:

curl -s https://raw.githubusercontent.com/mack-peng/cssgraph/main/docs/guide/installation.md

Quick Start

1. Initialize

npm i -g cssgraph
cd your-project
cssgraph init --workers 8

Indexes all style files (CSS, SCSS, Less, Sass), JSX/TSX className references, CSS-in-JS, CSS Modules, and view templates (ERB/Haml/HTML) — enabling every MCP tool.

Pass --workers to control parallel parse threads (default: cpu cores - 1).

Requires Node.js >= 22.5.0 (for node:sqlite).

2. Wire up your agent

cssgraph mcp-install

Auto-detects and configures opencode, Claude Code, Cursor, Codex CLI, Gemini CLI, Hermes Agent, Antigravity IDE, and Kiro. Writes MCP server config, instructions block, and an Agent Skill (SKILL.md + references/pitfalls.md) that teaches agents when to use each of the 13 cssgraph tools, how to chain them into workflows, and what pitfalls to avoid.

Or add to any MCP agent manually:

{
  "mcpServers": {
    "cssgraph": {
      "type": "stdio",
      "command": "cssgraph",
      "args": ["serve", "--mcp"]
    }
  }
}

3. No more syncing

Auto-sync is enabled by default. The MCP server watches your project and updates the graph on every file change — while your agent edits code, or you add/modify/delete CSS files. The index is never stale.

How It Works

Shortened. The full README is on GitHub.

Nothing above is checked by us. What we check is on the safety report.

Cssgraph: common questions

Is Cssgraph MCP server safe?
Yes, by our scan: it is graded A (85/100). Read the Cssgraph safety report
How do I install Cssgraph?
It runs on your machine. Copy the Claude Code, Cursor, VS Code or Claude Desktop config from the install section.
Does Cssgraph need an API key?
Not as far as the registry entry and our scan can tell: no credentials are declared or required.
Is Cssgraph maintained?
The last commit was 49 days ago (2026-09-16). The latest release is v0.6.3.
How does Cssgraph compare with other MCP servers?
safety score 85/100 (higher than 70% of 48,255 servers); tools 13 (the typical server has 7); tools that change things 0% (typical: 0%. Fewer write tools means less an agent can break). Full comparison.