Classmcp FAQs

Question 1

What is Classmcp and what problem does it solve?

Accepted Answer

Classmcp is an MCP server that optimizes AI-generated CSS code. It solves the problem of AI creating verbose utility-first class strings, which waste AI tokens, reduce code readability, and can cause SSR safety issues, by providing short, semantic class names instead.

Question 2

How does Classmcp help reduce AI token usage and costs?

Accepted Answer

By enabling AI assistants to generate code using concise, semantic class names (e.g., 'btn-primary' instead of long utility strings), Classmcp significantly reduces the input context length. This directly lowers AI token usage, leading to substantial cost savings.

Question 3

Which CSS frameworks does Classmcp support?

Accepted Answer

Classmcp offers multi-framework support for popular CSS frameworks, including Tailwind CSS, Bootstrap 5, UnoCSS, and Tachyons. You can switch between frameworks instantly using the 'set_framework' tool.

Question 4

Does Classmcp ensure Server-Side Rendering (SSR) safety?

Accepted Answer

Yes, Classmcp is designed with SSR safety awareness. It marks patterns for SSR compatibility, allows filtering for SSR-safe classes, and provides detailed SSR warnings and recommendations through the 'get_ssr_info' tool to prevent hydration issues.

Question 5

Can I define custom semantic class patterns with Classmcp?

Accepted Answer

Absolutely! Classmcp allows you to define your own semantic class names and utility groups by creating a `.classmcp.json` configuration file. You can specify classes, categories, descriptions, and even SSR metadata for your custom patterns.

Classmcp

Classmcp

主な機能

ユースケース

主な機能

ユースケース