mcpField
S
shadow-forge-mcp

shadow-forge-mcp

Local
github.com/ryudi84Developer Tools1Updated 35w ago

About shadow-forge-mcp

shadow-forge-mcp generates CSS box-shadow values from parameters and provides named presets. It is for developers adjusting shadows in an IDE through an AI assistant.

Key features

  1. 01Generate CSS box-shadow values
  2. 02Retrieve named shadow presets

Use cases

  1. 01Set a box-shadow from parameters
  2. 02Choose a preset shadow style

MCP support

It exposes shadow generation and preset lookup tools to MCP clients.

Configuration

Local server config is the same for every client. Copy it into your client’s MCP config file.

mcp.json · Universal config
{
"mcpServers": {
"ryudi84-shadow-forge": {
"command": "npx",
"args": [
"-y",
"shadow-forge-mcp"
]
}
}
}
Run commandnpx -y shadow-forge-mcp

Local servers need a runtime on your machine (e.g. Node.js 18+). Config file locations differ by client; see your client’s docs.

Packages
npmshadow-forge-mcp1.0.1

Tools

2

Saved tool list · updated 2w ago

ParameterTypeRequiredDescription
blurnumberNoBlur radius (px)
colorstringNoShadow color (hex with optional alpha)
insetbooleanNoInset shadow
spreadnumberNoSpread radius (px)
h_offsetnumberNoHorizontal offset (px)
v_offsetnumberNoVertical offset (px)

Details

From the project README

shadow-forge-mcp

npm version npm downloads License: MIT MCP

Generate CSS box-shadows in your IDE.

Create and tweak box-shadow values directly from your AI assistant.

Quick Start

npx shadow-forge-mcp
Claude Desktop / Cursor / Windsurf

Add to your MCP configuration:

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

Tools (2)

ToolDescription
generate_shadowGenerate CSS box-shadow from parameters.
shadow_presetGet a named shadow preset. Options: subtle, soft, medium, heavy, neon, floating, neumorphic, material.

Examples

Generate shadow:

{
  "tool": "shadow_generate",
  "arguments": {"elevation": "medium"}
}

Build from Source

git clone https://github.com/ryudi84/sovereign-mcp-servers
cd sovereign-mcp-servers/shadow-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.

CategoryServers
Web & SEOweb-scraper, seo-analyzer, meta-forge
Developer Toolsgithub-stats, code-quality, api-tester, api-forge
Data & Encodingjson-forge, base64-forge, hash-forge, regex-lab
Generatorsuuid-forge, password-forge, lorem-forge, landing-forge
DevOpsenv-forge, cron-forge, ip-calc, diff-forge
Frontendcolor-forge, gradient-forge, shadow-forge
Contentmarkdown-forge, readme-forge, changelog-forge
Metamcp-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!

Comments

Markdown supported

New to MCP?

From what the protocol is to installing your first server, these answers cover most first questions.

An open protocol that defines how AI applications connect to external tools and data in a uniform way. Clients talk to the model; MCP servers provide tools, resources and prompt templates. They exchange standard messages, so one server can be reused by many clients.