SourceSage MCP

assets
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 200">
  <!-- 背景 -->
  <rect width="800" height="200" rx="20" ry="20" fill="#EBEFF2"/>
  
  <!-- グラデーション定義 -->
  <defs>
    <linearGradient id="gradient1" x1="0%" y1="0%" x2="100%" y2="0%">
      <stop offset="0%" style="stop-color:#0C1226;stop-opacity:1">
        <animate attributeName="stop-color" values="#0C1226;#6588A6;#0C1226" dur="8s" repeatCount="indefinite"/>
      </stop>
      <stop offset="50%" style="stop-color:#6588A6;stop-opacity:1">
        <animate attributeName="stop-color" values="#6588A6;#9CA2A6;#6588A6" dur="8s" repeatCount="indefinite"/>
      </stop>
      <stop offset="100%" style="stop-color:#9CA2A6;stop-opacity:1">
        <animate attributeName="stop-color" values="#9CA2A6;#0C1226;#9CA2A6" dur="8s" repeatCount="indefinite"/>
      </stop>
    </linearGradient>
    
    <linearGradient id="gradient2" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#0C1226;stop-opacity:0.2"/>
      <stop offset="100%" style="stop-color:#6588A6;stop-opacity:0.2"/>
    </linearGradient>

    <!-- グローエフェクト -->
    <filter id="glow" x="-50%" y="-50%" width="200%" height="200%">
      <feGaussianBlur in="SourceGraphic" stdDeviation="1.5" result="blur"/>
      <feMerge>
        <feMergeNode in="blur"/>
        <feMergeNode in="SourceGraphic"/>
      </feMerge>
    </filter>
  </defs>
  
  <!-- マジカルサークル（左） -->
  <g transform="translate(80, 100)" filter="url(#glow)">
    <circle cx="0" cy="0" r="25" fill="none" stroke="url(#gradient1)" stroke-width="1.5">
      <animate attributeName="r" values="23;27;23" dur="4s" repeatCount="indefinite"/>
      <animate attributeName="opacity" values="0.4;0.8;0.4" dur="4s" repeatCount="indefinite"/>
    </circle>
    <circle cx="0" cy="0" r="18" fill="none" stroke="url(#gradient1)" stroke-width="1">
      <animate attributeName="r" values="16;20;16" dur="4s" begin="1s" repeatCount="indefinite"/>
    </circle>
  </g>

  <!-- マジカルサークル（右） -->
  <g transform="translate(720, 100)" filter="url(#glow)">
    <circle cx="0" cy="0" r="25" fill="none" stroke="url(#gradient1)" stroke-width="1.5">
      <animate attributeName="r" values="23;27;23" dur="4s" repeatCount="indefinite"/>
      <animate attributeName="opacity" values="0.4;0.8;0.4" dur="4s" repeatCount="indefinite"/>
    </circle>
    <circle cx="0" cy="0" r="18" fill="none" stroke="url(#gradient1)" stroke-width="1">
      <animate attributeName="r" values="16;20;16" dur="4s" begin="1s" repeatCount="indefinite"/>
    </circle>
  </g>

  <!-- メインタイトル -->
  <text x="400" y="95" font-family="Inter, Arial, sans-serif" font-size="52" font-weight="bold" fill="url(#gradient1)" text-anchor="middle" filter="url(#glow)" letter-spacing="1">
    SourceSage MCP
    <animate attributeName="opacity" values="0.9;1;0.9" dur="4s" repeatCount="indefinite"/>
  </text>
  
  <!-- サブタイトル -->
  <text x="400" y="135" font-family="Inter, Arial, sans-serif" font-size="18" fill="#6588A6" text-anchor="middle" letter-spacing="0.5">
    Visualize Your Project Structure with Elegance
  </text>
  
  <!-- エネルギーの流れ -->
  <g stroke="url(#gradient1)" stroke-width="1" fill="none">
    <path d="M150,160 C 300,140 500,180 650,140" opacity="0.4">
      <animate attributeName="d" 
               values="M150,160 C 300,140 500,180 650,140;
                      M150,140 C 300,180 500,140 650,160;
                      M150,160 C 300,140 500,180 650,140" 
               dur="8s" repeatCount="indefinite"/>
      <animate attributeName="stroke-dasharray" values="0,1000;1000,0" dur="6s" repeatCount="indefinite"/>
    </path>
    <path d="M200,140 C 350,180 450,140 600,160" opacity="0.3">
      <animate attributeName="d" 
               values="M200,140 C 350,180 450,140 600,160;
                      M200,160 C 350,140 450,180 600,140;
                      M200,140 C 350,180 450,140 600,160" 
               dur="8s" begin="2s" repeatCount="indefinite"/>
      <animate attributeName="stroke-dasharray" values="0,1000;1000,0" dur="6s" begin="1s" repeatCount="indefinite"/>
    </path>
  </g>

  <!-- 浮遊する幾何学模様 -->
  <g fill="url(#gradient1)" filter="url(#glow)">
    <path d="M180,60 l8,0 l-4,-8 z">
      <animate attributeName="opacity" values="0.2;0.6;0.2" dur="3s" repeatCount="indefinite"/>
    </path>
    <path d="M620,160 l-8,0 l4,-8 z">
      <animate attributeName="opacity" values="0.2;0.6;0.2" dur="3s" begin="1s" repeatCount="indefinite"/>
    </path>
  </g>
</svg>