shadow-forge-mcp

Name: shadow-forge-mcp
Author: ryudi84

本地服务

github.com/ryudi84开发工具135 周前更新

代码仓库

关于 shadow-forge-mcp

shadow-forge-mcp 根据参数生成 CSS box-shadow，并提供命名预设，适合通过 IDE 中的 AI 助手调整阴影的开发者。

主要功能

01生成 CSS box-shadow 值
02获取命名阴影预设

适用场景

01按参数设置 box-shadow
02选择预设阴影样式

MCP 相关

它向 MCP 客户端提供阴影生成和预设查询工具。

配置

本地服务的配置在各客户端中通用，复制后粘贴到客户端的 MCP 配置文件即可。

mcp.json · 通用配置

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

启动命令npx -y shadow-forge-mcp

本地服务需要在你的电脑上安装运行环境（如 Node.js 18+）。各客户端的配置文件位置不同，请参考客户端文档。

安装包

npmshadow-forge-mcp1.0.1stdio

工具

收录的工具列表 · 更新于 2 周前

参数	类型	必填	说明
blur	number	否	模糊半径（px）
color	string	否	阴影颜色（十六进制，可选 alpha）
inset	boolean	否	内阴影
spread	number	否	扩展半径（px）
h_offset	number	否	水平偏移（px）
v_offset	number	否	垂直偏移（px）

详细介绍

shadow-forge-mcp

在 IDE 中生成 CSS box-shadow。

直接通过 AI 助手创建并调整 box-shadow 值。

快速开始

npx shadow-forge-mcp

Claude Desktop / Cursor / Windsurf

添加到 MCP 配置中：

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

工具（2 个）

工具	描述
`generate_shadow`	根据参数生成 CSS box-shadow。
`shadow_preset`	获取指定名称的阴影预设。选项：subtle、soft、medium、heavy、neon、floating、neumorphic、material。

示例

生成阴影：

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

从源代码构建

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

属于 Sovereign MCP 套件

这是 Sovereign 构建的 34 个 MCP 服务之一，共包含 121 个工具。

类别	服务
Web 与 SEO	web-scraper、seo-analyzer、meta-forge
开发者工具	github-stats、code-quality、api-tester、api-forge
数据与编码	json-forge、base64-forge、hash-forge、regex-lab
生成器	uuid-forge、password-forge、lorem-forge、landing-forge
DevOps	env-forge、cron-forge、ip-calc、diff-forge
前端	color-forge、gradient-forge、shadow-forge
内容	markdown-forge、readme-forge、changelog-forge
元工具	mcp-forge（可根据规范构建 MCP 服务！）