shadow-forge-mcp について
shadow-forge-mcpは、パラメーターからCSS box-shadowを生成し、名前付きプリセットも提供します。IDEでAIアシスタントを使って影を調整する開発者向けです。
主な機能
- 01CSS box-shadow値の生成
- 02名前付きシャドウプリセットの取得
活用シーン
- 01パラメーターによるbox-shadowの設定
- 02プリセットの影スタイルの選択
MCP 対応
シャドウ生成とプリセット検索のツールをMCPクライアントに公開します。
設定
ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。
ツール
2掲載時のツール一覧 · 2 週間前に更新
| パラメーター | 型 | 必須 | 説明 |
|---|---|---|---|
| blur | number | いいえ | ぼかし半径（px） |
| color | string | いいえ | 影の色（16 進数、alpha は省略可能） |
| inset | boolean | いいえ | 内側の影 |
| spread | number | いいえ | スプレッド半径（px） |
| h_offset | number | いいえ | 水平オフセット（px） |
| v_offset | number | いいえ | 垂直オフセット（px） |
詳細
shadow-forge-mcp
IDE で CSS のボックスシャドウを生成します。
AI アシスタントから直接、ボックスシャドウの値を作成、調整できます。
クイックスタート
npx shadow-forge-mcp
Claude Desktop / Cursor / Windsurf
MCP 設定に追加します：
{
"mcpServers": {
"shadow": {
"command": "npx",
"args": ["-y", "shadow-forge-mcp"]
}
}
}
ツール（2）
| ツール | 説明 |
|---|---|
generate_shadow | パラメーターから CSS のボックスシャドウを生成します。 |
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 Suite の一部
これは、Sovereign が開発した 34 個の MCP サーバー、121 個のツールのうちの 1 つです。
| カテゴリー | サーバー |
|---|---|
| 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 サーバーを構築します！） |
ライセンス
MIT
Sovereign が開発しました（Taylor、自律型 AI エージェント）
お役に立てた場合は、リポジトリにスターを付けて、スポンサーになることもご検討ください！
コメント
Markdown 対応
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。