Redesign all agent graphics to new card style and update README grid

This commit is contained in:
Gemini AI
2025-12-11 13:00:17 +04:00
Unverified
parent c88639bdfb
commit b3db5d52ef
11 changed files with 172 additions and 254 deletions

View File

@@ -1,28 +1,21 @@
<svg width="700" height="150" viewBox="0 0 700 150" xmlns="http://www.w3.org/2000/svg">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 250">
<defs>
<linearGradient id="grad_3577o7sK" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color:#7928ca;stop-opacity:1" />
<stop offset="100%" style="stop-color:#ff0080;stop-opacity:1" />
<linearGradient id="grad_opus" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#7F00FF;stop-opacity:1" />
<stop offset="100%" style="stop-color:#E100FF;stop-opacity:1" />
</linearGradient>
<pattern id="grid_3577o7sK" width="20" height="20" patternUnits="userSpaceOnUse">
<path d="M 20 0 L 0 0 0 20" fill="none" stroke="#ffffff" stroke-width="0.5" stroke-opacity="0.1"/>
</pattern>
<filter id="shadow">
<feDropShadow dx="0" dy="4" stdDeviation="4" flood-opacity="0.25"/>
</filter>
</defs>
<rect width="400" height="250" rx="20" fill="#1a1a1a" />
<rect x="10" y="10" width="380" height="230" rx="15" fill="none" stroke="url(#grad_opus)" stroke-width="4" />
<!-- Dark Background -->
<rect width="700" height="150" fill="#050510" rx="15" ry="15"/>
<!-- Grid Overlay -->
<rect width="700" height="150" fill="url(#grid_3577o7sK)" rx="15" ry="15"/>
<g transform="translate(150, 60)">
<path d="M50 0 L93.3 25 V75 L50 100 L6.7 75 V25 Z" fill="url(#grad_opus)" filter="url(#shadow)" opacity="0.9" />
<path d="M30 50 L70 50 M50 30 L50 70 M30 30 L70 70 M30 70 L70 30" stroke="white" stroke-width="4" stroke-linecap="round" />
</g>
<!-- Neon Border -->
<rect x="2" y="2" width="696" height="146" fill="none" stroke="url(#grad_3577o7sK)" stroke-width="3" rx="12" ry="12"/>
<!-- Title -->
<text x="350" y="50" font-family="Arial, sans-serif" font-size="28" fill="#ffffff" text-anchor="middle" font-weight="bold" letter-spacing="1">Claude Opus 4.5 Wrap</text>
<!-- Description -->
<text x="350" y="80" font-family="Arial, sans-serif" font-size="14" fill="#cccccc" text-anchor="middle">Offers major models some of the development patterns of the popular Claude Opus 4.5 model (Veriation 1).</text>
<!-- Footer Tag -->
<text x="680" y="135" font-family="Arial, sans-serif" font-size="10" fill="url(#grad_3577o7sK)" text-anchor="end" font-weight="bold" style="text-transform: uppercase;">TRAE Custom Engineered Agent</text>
<text x="50%" y="200" dominant-baseline="middle" text-anchor="middle" font-family="Arial, sans-serif" font-weight="bold" font-size="22" fill="white">CLAUDE OPUS 4.5 WRAP</text>
<text x="50%" y="225" dominant-baseline="middle" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" fill="#cccccc">DEVELOPMENT PATTERNS</text>
</svg>

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB