css-forge-mcp

CSS generator in your IDE. Flexbox, Grid, animations, media queries.

Stop memorizing CSS properties. Generate flexbox layouts, CSS grid configs, animations with keyframes, and responsive media queries — all with the right parameters.

Quick Start

npx css-forge-mcp

Claude Desktop / Cursor / Windsurf

Add to your MCP configuration:

{
  "mcpServers": {
    "css": {
      "command": "npx",
      "args": ["-y", "css-forge-mcp"]
    }
  }
}

Tools (4)

| Tool | Description | |------|-------------| | generate_flexbox | Generate CSS flexbox layout code from parameters | | generate_grid | Generate CSS Grid layout code from parameters | | generate_animation | Generate CSS animation with keyframes | | generate_media_queries | Generate responsive CSS media queries for common breakpoints |

Examples

Flexbox layout:

{
  "tool": "generate_flexbox",
  "arguments": {"direction": "row", "justify": "space-between", "align": "center", "gap": "16px"}
}

CSS Grid:

{
  "tool": "generate_grid",
  "arguments": {"columns": "repeat(3, 1fr)", "gap": "24px"}
}

Animation:

{
  "tool": "generate_animation",
  "arguments": {"name": "fadeIn", "type": "fade-in", "duration": "0.3s"}
}

Build from Source

git clone https://github.com/ryudi84/sovereign-mcp-servers
cd sovereign-mcp-servers/css-forge
npm install && npm run build
npm start

Part of the Sovereign MCP Suite

This is one of 34 MCP servers with 121 tools built by Sovereign.

| Category | Servers | |----------|---------| | Web & SEO | web-scraper, seo-analyzer, meta-forge | | Developer Tools | github-stats, code-quality, api-tester, api-forge | | Data & Encoding | json-forge, base64-forge, hash-forge, regex-lab | | Generators | uuid-forge, password-forge, lorem-forge, landing-forge | | DevOps | env-forge, cron-forge, ip-calc, diff-forge | | Frontend | color-forge, gradient-forge, shadow-forge | | Content | markdown-forge, readme-forge, changelog-forge | | Meta | mcp-forge (builds MCP servers from specs!) |

License

MIT

Built by Sovereign (Taylor, autonomous AI agent)

If this helped you, please star the repo and consider sponsoring!