Box MCP Server

by hmk
JavaScript
BSD 3-Clause
118
Reddit Discord
Overview InspectNew Schema Related Servers Reviews Score
Need Help?View Source Code Report Issue
assets
assets/header.svg
<?xml version="1.0" encoding="UTF-8"?>
<svg width="800" height="200" viewBox="0 0 800 200" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <!-- 背景グラデーション -->
    <linearGradient id="bgGradient" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#2C0735">
        <animate attributeName="stop-color" values="#2C0735;#4A1259;#6B1B7F;#4A1259;#2C0735" dur="8s" repeatCount="indefinite"/>
      </stop>
      <stop offset="50%" style="stop-color:#4A1259">
        <animate attributeName="stop-color" values="#4A1259;#6B1B7F;#8024A0;#6B1B7F;#4A1259" dur="8s" repeatCount="indefinite"/>
      </stop>
      <stop offset="100%" style="stop-color:#6B1B7F">
        <animate attributeName="stop-color" values="#6B1B7F;#8024A0;#9B2CC1;#8024A0;#6B1B7F" dur="8s" repeatCount="indefinite"/>
      </stop>
    </linearGradient>

    <!-- テキストグラデーション -->
    <linearGradient id="textGradient" x1="0%" y1="0%" x2="100%" y2="0%">
      <stop offset="0%" style="stop-color:#FFB6C1">
        <animate attributeName="stop-color" values="#FFB6C1;#E6E6FA;#FFB6C1" dur="4s" repeatCount="indefinite"/>
      </stop>
      <stop offset="100%" style="stop-color:#E6E6FA">
        <animate attributeName="stop-color" values="#E6E6FA;#FFB6C1;#E6E6FA" dur="4s" repeatCount="indefinite"/>
      </stop>
    </linearGradient>

    <!-- 魔法の輝き効果 -->
    <filter id="glow" x="-50%" y="-50%" width="200%" height="200%">
      <feGaussianBlur stdDeviation="3" result="coloredBlur"/>
      <feMerge>
        <feMergeNode in="coloredBlur"/>
        <feMergeNode in="SourceGraphic"/>
      </feMerge>
    </filter>

    <!-- 星のパターン -->
    <pattern id="stars" x="0" y="0" width="50" height="50" patternUnits="userSpaceOnUse">
      <path d="M25,10 L27,17 L34,17 L28,22 L30,29 L25,25 L20,29 L22,22 L16,17 L23,17 Z" fill="#E6E6FA" opacity="0.5">
        <animate attributeName="opacity" values="0.5;0.1;0.5" dur="3s" repeatCount="indefinite"/>
      </path>
    </pattern>
  </defs>

  <!-- 角丸の背景 -->
  <rect width="100%" height="100%" rx="15" ry="15" fill="url(#bgGradient)"/>
  
  <!-- 星のパターンレイヤー -->
  <rect width="100%" height="100%" rx="15" ry="15" fill="url(#stars)" opacity="0.3"/>

  <!-- 装飾的な魔法の円 -->
  <g transform="translate(400,100)" filter="url(#glow)">
    <circle r="60" fill="none" stroke="#B490C0" stroke-width="2" opacity="0.3">
      <animate attributeName="r" values="60;65;60" dur="4s" repeatCount="indefinite"/>
      <animate attributeName="opacity" values="0.3;0.1;0.3" dur="4s" repeatCount="indefinite"/>
    </circle>
    <circle r="45" fill="none" stroke="#B490C0" stroke-width="2" opacity="0.4">
      <animate attributeName="r" values="45;50;45" dur="3s" repeatCount="indefinite"/>
      <animate attributeName="opacity" values="0.4;0.2;0.4" dur="3s" repeatCount="indefinite"/>
    </circle>
  </g>

  <!-- 魔女のシルエットと魔法の杖 -->
  <g transform="translate(100,50)" fill="#FFFFFF" filter="url(#glow)">
    <!-- 魔女の帽子 -->
    <path d="M50,20 Q60,10 70,20 L80,40 L20,40 L30,20 Q40,10 50,20" opacity="0.8">
      <animate attributeName="d" values="M50,20 Q60,10 70,20 L80,40 L20,40 L30,20 Q40,10 50,20;M50,15 Q60,5 70,15 L85,35 L15,35 L30,15 Q40,5 50,15;M50,20 Q60,10 70,20 L80,40 L20,40 L30,20 Q40,10 50,20" dur="3s" repeatCount="indefinite"/>
    </path>
    <!-- 魔法の杖 -->
    <path d="M90,30 L120,20 L125,25 L95,35 Z" opacity="0.9">
      <animate attributeName="opacity" values="0.9;0.5;0.9" dur="2s" repeatCount="indefinite"/>
    </path>
    <!-- 魔法の星 -->
    <path d="M120,20 L123,17 L126,20 L123,23 Z" fill="#FFB6C1">
      <animate attributeName="transform" attributeType="XML" type="rotate" from="0 123 20" to="360 123 20" dur="3s" repeatCount="indefinite"/>
    </path>
  </g>

  <!-- Gitのシンボル -->
  <g transform="translate(600,50)" fill="#FFFFFF" filter="url(#glow)">
    <!-- メインの六角形 -->
    <path d="M40,40 L60,40 L70,55 L60,70 L40,70 L30,55 Z" opacity="0.8">
      <animate attributeName="transform" attributeType="XML" type="rotate" from="0 50 55" to="360 50 55" dur="10s" repeatCount="indefinite"/>
    </path>
    <!-- ブランチライン -->
    <path d="M45,35 Q50,45 55,35 M45,75 Q50,65 55,75" stroke="#FFFFFF" fill="none" stroke-width="2">
      <animate attributeName="d" values="M45,35 Q50,45 55,35 M45,75 Q50,65 55,75;M45,40 Q50,50 55,40 M45,70 Q50,60 55,70;M45,35 Q50,45 55,35 M45,75 Q50,65 55,75" dur="4s" repeatCount="indefinite"/>
    </path>
  </g>

  <!-- プロジェクト名 -->
  <text x="400" y="140" font-family="Arial, sans-serif" font-size="48" fill="url(#textGradient)" text-anchor="middle" filter="url(#glow)">
    AIRA MCP Server
    <animate attributeName="opacity" values="1;0.8;1" dur="3s" repeatCount="indefinite"/>
  </text>
  
  <!-- サブタイトル -->
  <text x="400" y="170" font-family="Arial, sans-serif" font-size="20" fill="url(#textGradient)" text-anchor="middle" opacity="0.8">
    Enchanting Git Commits with Magic
    <animate attributeName="opacity" values="0.8;0.4;0.8" dur="4s" repeatCount="indefinite"/>
  </text>

  <!-- 装飾的な魔法の粒子 -->
  <g filter="url(#glow)">
    <circle cx="200" cy="150" r="2" fill="#FFB6C1">
      <animate attributeName="cy" values="150;140;150" dur="2s" repeatCount="indefinite"/>
      <animate attributeName="opacity" values="1;0.5;1" dur="2s" repeatCount="indefinite"/>
    </circle>
    <circle cx="600" cy="50" r="2" fill="#E6E6FA">
      <animate attributeName="cy" values="50;60;50" dur="3s" repeatCount="indefinite"/>
      <animate attributeName="opacity" values="1;0.5;1" dur="3s" repeatCount="indefinite"/>
    </circle>
    <circle cx="300" cy="100" r="2" fill="#B490C0">
      <animate attributeName="cy" values="100;90;100" dur="2.5s" repeatCount="indefinite"/>
      <animate attributeName="opacity" values="1;0.5;1" dur="2.5s" repeatCount="indefinite"/>
    </circle>
  </g>
</svg>