This repo contains a simple Model Context Protocol (MCP) server built with Node.js and TypeScript. It acts as a "CSS Tutor," providing personalized
Most developer tooling work still happens through a UI a human drives. Css Tutor MCP server moves it into the conversation instead. This repo contains a simple Model Context Protocol (MCP) server built with Node.js and TypeScript. It acts as a "CSS Tutor," providing personalized updates about CSS features to a connected AI client.
The server publishes 4 tools. What each one is for:
Tools — ** Actions the server can perform:get_latest_updates — Fetches CSS news from OpenRouter/Perplexityread_from_memory — Reads the content of the css_knowledge_memory resourcewrite_to_memory — Modifies the css_knowledge_memory resourceConfiguration is passed through the environment: OPENROUTER_API_KEY. Treat anything key-shaped as a real credential — scope it to the minimum the server needs, and rotate it if it ever lands in a shared config.
npm (or your preferred Node.js package manager like yarn or pnpm) * An AI client capable of connecting to an MCP server (e.g., the Claude desktop app) * An OpenRouter API Key (for fetching live CSS updates via Perplexity)The server ships on npm as @modelcontextprotocol/inspector, so your MCP client can launch it on demand — there is no separate build step. Add the server block to your client's configuration, restart it, and the tools register themselves.
This sits in the developer tooling group, where several servers overlap in what they claim to do but differ sharply once you actually set them up. Css Tutor's toolset — Tools, get_latest_updates, read_from_memory and 1 more — is a fair guide to whether it matches your workflow. It is maintained by ebimopondei; worth a glance at recent repository activity before you build anything load-bearing on it.
We check each listing at SyncDev against the project's documentation before it goes live — if something here drifts out of date, it is a bug worth reporting.
| Tool | What it does |
|---|---|
| Tools | ** Actions the server can perform: |
| get_latest_updates | Fetches CSS news from OpenRouter/Perplexity. |
| read_from_memory | Reads the content of the css_knowledge_memory resource. |
| write_to_memory | Modifies the css_knowledge_memory resource. |
{
"mcpServers": {
"css-tutor": {
"command": "npx",
"args": ["-y", "@modelcontextprotocol/inspector"],
"env": {
"OPENROUTER_API_KEY": "your-value"
}
}
}
}Add to claude_desktop_config.json, then restart Claude Desktop.
npm (or your preferred Node.js package manager like yarn or pnpm) * An AI client capable of connecting to an MCP server (e.g., the Claude desktop app) * An OpenRouter API Key (for fetching live CSS updates via Perplexity)| Variable | Description | Required |
|---|---|---|
| OPENROUTER_API_KEY | Credential the server authenticates with. | Yes |
Kill hallucinated APIs — version-accurate, up-to-date library documentation injected straight into context.
Microsoft's official browser automation server — drive a real browser through the accessibility tree, no screenshots needed.
GitHub's official server — repos, issues, pull requests, Actions and code security, straight from your assistant.
Issue tracking at the speed of conversation — Linear's official hosted server with OAuth and zero install.
Local repository surgery — status, diffs, commits, branches and history for any repo on disk.
Timezone sanity for AI — current time anywhere and correct conversions, without the model doing date math.