admin/Custom-Engineered-Agents
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

50
README.md
View File

@@ -47,21 +47,15 @@
<tr>
<td width="33%" align="center">
<a href="https://s.trae.ai/a/c5a3e9"><img src="assets/claude_opus_4_5_wrap.svg" alt="Claude Opus 4.5 Wrap" width="100%"></a>
<br><strong>Claude Opus 4.5 Wrap</strong>
<br><sub>Development patterns of Claude Opus 4.5 (Variation 1)</sub>
<br><a href="https://s.trae.ai/a/c5a3e9">Install Agent</a>
<br><br><a href="https://s.trae.ai/a/c5a3e9"><strong>⚡ Install Agent</strong></a>
</td>
<td width="33%" align="center">
<a href="https://s.trae.ai/a/114be4"><img src="assets/opus_framework_4_5.svg" alt="OPUS FRAMEWORK 4.5" width="100%"></a>
<br><strong>OPUS FRAMEWORK 4.5</strong>
<br><sub>Development patterns of Claude Opus 4.5 (Variation 2)</sub>
<br><a href="https://s.trae.ai/a/114be4">Install Agent</a>
<br><br><a href="https://s.trae.ai/a/114be4"><strong>⚡ Install Agent</strong></a>
</td>
<td width="33%" align="center">
<a href="https://s.trae.ai/a/01708c"><img src="assets/opus_qa_engineer.svg" alt="OPUS QA ENGINEER" width="100%"></a>
<br><strong>OPUS QA ENGINEER</strong>
<br><sub>Enhanced QA process based on Opus model</sub>
<br><a href="https://s.trae.ai/a/01708c">Install Agent</a>
<br><br><a href="https://s.trae.ai/a/01708c"><strong>⚡ Install Agent</strong></a>
</td>
</tr>
</table>
@@ -72,27 +66,19 @@
<tr>
<td width="25%" align="center">
<a href="https://s.trae.ai/a/25f7a7"><img src="assets/kiro_trae_ultra_x.svg" alt="KIRO TRAE ULTRA X" width="100%"></a>
<br><strong>KIRO TRAE ULTRA X</strong>
<br><sub>Amazon Kiro agent concepts</sub>
<br><a href="https://s.trae.ai/a/25f7a7">Install Agent</a>
<br><br><a href="https://s.trae.ai/a/25f7a7"><strong>⚡ Install Agent</strong></a>
</td>
<td width="25%" align="center">
<a href="https://s.trae.ai/a/4c48cd"><img src="assets/apex_omni.svg" alt="Apex Omni" width="100%"></a>
<br><strong>Apex Omni</strong>
<br><sub>Overclock for lower-end models</sub>
<br><a href="https://s.trae.ai/a/4c48cd">Install Agent</a>
<br><br><a href="https://s.trae.ai/a/4c48cd"><strong>⚡ Install Agent</strong></a>
</td>
<td width="25%" align="center">
<a href="https://s.trae.ai/a/a5ec8c"><img src="assets/pwa_generator.svg" alt="PWA Generator" width="100%"></a>
<br><strong>PWA Generator</strong>
<br><sub>Transform web apps into PWAs</sub>
<br><a href="https://s.trae.ai/a/a5ec8c">Install Agent</a>
<br><br><a href="https://s.trae.ai/a/a5ec8c"><strong>⚡ Install Agent</strong></a>
</td>
<td width="25%" align="center">
<a href="https://s.trae.ai/a/8a1286"><img src="assets/loop_breaker.svg" alt="Loop Breaker" width="100%"></a>
<br><strong>Loop Breaker</strong>
<br><sub>Break infinite reasoning loops</sub>
<br><a href="https://s.trae.ai/a/8a1286">Install Agent</a>
<br><br><a href="https://s.trae.ai/a/8a1286"><strong>⚡ Install Agent</strong></a>
</td>
</tr>
</table>
@@ -101,25 +87,17 @@
<table>
<tr>
<td width="50%" align="center">
<td width="33%" align="center">
<a href="https://s.trae.ai/a/0bfb9e"><img src="assets/amnesia_defense.svg" alt="Amnesia Defense" width="100%"></a>
<br><strong>Amnesia Defense</strong>
<br><sub>Minimize AI "forgetting" to complete tasks</sub>
<br><a href="https://s.trae.ai/a/0bfb9e">Install Agent</a>
<br><br><a href="https://s.trae.ai/a/0bfb9e"><strong>⚡ Install Agent</strong></a>
</td>
<td width="50%" align="center">
<td width="33%" align="center">
<a href="https://s.trae.ai/a/3f7075"><img src="assets/anti_amnesia_v2.svg" alt="ANTI-AMNESIA v2" width="100%"></a>
<br><strong>ANTI-AMNESIA v2</strong>
<br><sub>Improved version to combat AI amnesia</sub>
<br><a href="https://s.trae.ai/a/3f7075">Install Agent</a>
<br><br><a href="https://s.trae.ai/a/3f7075"><strong>⚡ Install Agent</strong></a>
</td>
</tr>
<tr>
<td colspan="2" align="center">
<a href="https://s.trae.ai/a/fe405e"><img src="assets/glm_code_conservator.svg" alt="GLM Code Conservator" width="60%"></a>
<br><strong>GLM Code Conservator</strong>
<br><sub>Safe GLM 4.6 operation on existing code</sub>
<br><a href="https://s.trae.ai/a/fe405e">Install Agent</a>
<td width="33%" align="center">
<a href="https://s.trae.ai/a/fe405e"><img src="assets/glm_code_conservator.svg" alt="GLM Code Conservator" width="100%"></a>
<br><br><a href="https://s.trae.ai/a/fe405e"><strong>⚡ Install Agent</strong></a>
</td>
</tr>
</table>

38
assets/amnesia_defense.svg
View File

@@ -1,28 +1,22 @@
<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_5bq9UZ5f" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color:#00dfd8;stop-opacity:1" />
<stop offset="100%" style="stop-color:#007cf0;stop-opacity:1" />
<linearGradient id="grad_amnesia" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#4b6cb7;stop-opacity:1" />
<stop offset="100%" style="stop-color:#182848;stop-opacity:1" />
</linearGradient>
<pattern id="grid_5bq9UZ5f" 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_amnesia)" 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_5bq9UZ5f)" 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_amnesia)" filter="url(#shadow)" opacity="0.9" />
<path d="M50 30 V50 M50 65 V70 M30 50 H70" stroke="white" stroke-width="4" stroke-linecap="round" />
<circle cx="50" cy="50" r="20" stroke="white" stroke-width="3" fill="none" />
</g>
<!-- Neon Border -->
<rect x="2" y="2" width="696" height="146" fill="none" stroke="url(#grad_5bq9UZ5f)" 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">Amnesia Defense</text>
<!-- Description -->
<text x="350" y="80" font-family="Arial, sans-serif" font-size="14" fill="#cccccc" text-anchor="middle">Enhances the process to minimize occurrences where AI says work is done but nothing is done.</text>
<!-- Footer Tag -->
<text x="680" y="135" font-family="Arial, sans-serif" font-size="10" fill="url(#grad_5bq9UZ5f)" 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">AMNESIA DEFENSE</text>
<text x="50%" y="225" dominant-baseline="middle" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" fill="#cccccc">MEMORY PROTECTION</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

39
assets/anti_amnesia_v2.svg
View File

@@ -1,28 +1,23 @@
<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_vNu5buRp" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color:#9013fe;stop-opacity:1" />
<stop offset="100%" style="stop-color:#bd10e0;stop-opacity:1" />
<linearGradient id="grad_anti" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#834d9b;stop-opacity:1" />
<stop offset="100%" style="stop-color:#d04ed6;stop-opacity:1" />
</linearGradient>
<pattern id="grid_vNu5buRp" 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_anti)" 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_vNu5buRp)" 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_anti)" filter="url(#shadow)" opacity="0.9" />
<rect x="35" y="40" width="30" height="25" rx="3" stroke="white" stroke-width="3" fill="none" />
<path d="M40 40 V35 A10 10 0 0 1 60 35 V40" stroke="white" stroke-width="3" fill="none" />
<line x1="50" y1="50" x2="50" y2="55" stroke="white" stroke-width="3" />
</g>
<!-- Neon Border -->
<rect x="2" y="2" width="696" height="146" fill="none" stroke="url(#grad_vNu5buRp)" 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">ANTI-AMNESIA v2</text>
<!-- Description -->
<text x="350" y="80" font-family="Arial, sans-serif" font-size="14" fill="#cccccc" text-anchor="middle">Enhances the process to minimize occurrences where AI says work is done but nothing is done.</text>
<!-- Footer Tag -->
<text x="680" y="135" font-family="Arial, sans-serif" font-size="10" fill="url(#grad_vNu5buRp)" 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">ANTI-AMNESIA V2</text>
<text x="50%" y="225" dominant-baseline="middle" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" fill="#cccccc">ADVANCED RECALL</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

38
assets/apex_omni.svg
View File

@@ -1,28 +1,22 @@
<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_zZoGD8CG" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color:#f9cb28;stop-opacity:1" />
<stop offset="100%" style="stop-color:#ff4d4d;stop-opacity:1" />
<linearGradient id="grad_apex" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#CAC531;stop-opacity:1" />
<stop offset="100%" style="stop-color:#F3F9A7;stop-opacity:1" />
</linearGradient>
<pattern id="grid_zZoGD8CG" 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_apex)" 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_zZoGD8CG)" 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_apex)" filter="url(#shadow)" opacity="0.9" />
<path d="M50 30 L70 70 L30 70 Z" stroke="white" stroke-width="4" stroke-linejoin="round" fill="none" />
<circle cx="50" cy="55" r="5" fill="white" />
</g>
<!-- Neon Border -->
<rect x="2" y="2" width="696" height="146" fill="none" stroke="url(#grad_zZoGD8CG)" 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">Apex Omni</text>
<!-- Description -->
<text x="350" y="80" font-family="Arial, sans-serif" font-size="14" fill="#cccccc" text-anchor="middle">The "overclock" agent, offers lower end models like Gemini 2.5 Flash high end model skills.</text>
<!-- Footer Tag -->
<text x="680" y="135" font-family="Arial, sans-serif" font-size="10" fill="url(#grad_zZoGD8CG)" 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">APEX OMNI</text>
<text x="50%" y="225" dominant-baseline="middle" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" fill="#cccccc">MODEL OVERCLOCK</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

37
assets/claude_opus_4_5_wrap.svg
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>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

38
assets/glm_code_conservator.svg
View File

@@ -1,29 +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_glm" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color:#9013fe;stop-opacity:1" />
<stop offset="100%" style="stop-color:#bd10e0;stop-opacity:1" />
<linearGradient id="grad_glm" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#FF512F;stop-opacity:1" />
<stop offset="100%" style="stop-color:#DD2476;stop-opacity:1" />
</linearGradient>
<pattern id="grid_glm" 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_glm)" 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_glm)" 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_glm)" filter="url(#shadow)" opacity="0.9" />
<path d="M50 20 L50 80 M25 35 L75 35 M35 65 L65 65" 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_glm)" 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">GLM CODE CONSERVATOR</text>
<!-- Description -->
<text x="350" y="80" font-family="Arial, sans-serif" font-size="14" fill="#cccccc" text-anchor="middle">Agent's goal: Attempt allowing GLM 4.6 model operate on an existing code of other models without breaking it.</text>
<text x="350" y="100" font-family="Arial, sans-serif" font-size="14" fill="#cccccc" text-anchor="middle">Always test deeply, and create back up/git commits prior to any work with an agent.</text>
<!-- Footer Tag -->
<text x="680" y="135" font-family="Arial, sans-serif" font-size="10" fill="url(#grad_glm)" 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="24" fill="white">CODE CONSERVATOR</text>
<text x="50%" y="225" dominant-baseline="middle" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" fill="#cccccc">GLM 4.6 SAFETY</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

37
assets/kiro_trae_ultra_x.svg
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_agsLCqVL" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color:#ff0080;stop-opacity:1" />
<stop offset="100%" style="stop-color:#7928ca;stop-opacity:1" />
<linearGradient id="grad_kiro" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#F2994A;stop-opacity:1" />
<stop offset="100%" style="stop-color:#F2C94C;stop-opacity:1" />
</linearGradient>
<pattern id="grid_agsLCqVL" 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_kiro)" 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_agsLCqVL)" 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_kiro)" filter="url(#shadow)" opacity="0.9" />
<path d="M55 25 L35 55 L65 55 L45 85" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none" />
</g>
<!-- Neon Border -->
<rect x="2" y="2" width="696" height="146" fill="none" stroke="url(#grad_agsLCqVL)" 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">KIRO TRAE ULTRA X</text>
<!-- Description -->
<text x="350" y="80" font-family="Arial, sans-serif" font-size="14" fill="#cccccc" text-anchor="middle">Attempt to offer the large models at hand some of the process concepts of the Amazon Kiro agent.</text>
<!-- Footer Tag -->
<text x="680" y="135" font-family="Arial, sans-serif" font-size="10" fill="url(#grad_agsLCqVL)" 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">KIRO TRAE ULTRA X</text>
<text x="50%" y="225" dominant-baseline="middle" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" fill="#cccccc">AMAZON CONCEPTS</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

37
assets/loop_breaker.svg
View File

@@ -1,27 +1,22 @@
<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_loop_ryumqg" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color:#ff0055;stop-opacity:1" />
<stop offset="100%" style="stop-color:#00ffff;stop-opacity:1" />
<linearGradient id="grad_loop" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#eb3349;stop-opacity:1" />
<stop offset="100%" style="stop-color:#f45c43;stop-opacity:1" />
</linearGradient>
<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_loop)" stroke-width="4" />
<!-- Background Container -->
<rect width="700" height="150" fill="#050510" 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_loop)" filter="url(#shadow)" opacity="0.9" />
<path d="M35 35 A20 20 0 1 0 65 65" stroke="white" stroke-width="4" fill="none" stroke-linecap="round"/>
<line x1="30" y1="70" x2="70" y2="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_loop_ryumqg)" stroke-width="3" rx="12" ry="12"/>
<!-- Icon/Graphic Element (Infinity break) -->
<text x="80" y="95" font-family="Arial, sans-serif" font-size="60" fill="url(#grad_loop_ryumqg)" opacity="0.8" font-weight="bold">➿</text>
<line x1="70" y1="100" x2="130" y2="40" stroke="#ffffff" stroke-width="5" stroke-linecap="round" />
<!-- Main Title -->
<text x="380" y="55" font-family="Arial, Helvetica, sans-serif" font-size="32" fill="#ffffff" text-anchor="middle" font-weight="bold" letter-spacing="1">Loop Breaker</text>
<!-- Description -->
<text x="380" y="90" font-family="Arial, Helvetica, sans-serif" font-size="16" fill="#cccccc" text-anchor="middle">Breaks infinite loops and stuck reasoning cycles.</text>
<!-- Footer CTA -->
<text x="680" y="130" font-family="Arial, Helvetica, sans-serif" font-size="10" fill="url(#grad_loop_ryumqg)" 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">LOOP BREAKER</text>
<text x="50%" y="225" dominant-baseline="middle" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" fill="#cccccc">STOP INFINITE LOOPS</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

38
assets/opus_framework_4_5.svg
View File

@@ -1,28 +1,22 @@
<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_EGVs8iyb" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color:#ff4d4d;stop-opacity:1" />
<stop offset="100%" style="stop-color:#f9cb28;stop-opacity:1" />
<linearGradient id="grad_framework" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#00C6FF;stop-opacity:1" />
<stop offset="100%" style="stop-color:#0072FF;stop-opacity:1" />
</linearGradient>
<pattern id="grid_EGVs8iyb" 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_framework)" 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_EGVs8iyb)" 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_framework)" filter="url(#shadow)" opacity="0.9" />
<rect x="30" y="30" width="40" height="40" fill="none" stroke="white" stroke-width="4" rx="4" />
<path d="M30 50 L70 50 M50 30 L50 70" stroke="white" stroke-width="4" />
</g>
<!-- Neon Border -->
<rect x="2" y="2" width="696" height="146" fill="none" stroke="url(#grad_EGVs8iyb)" 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">OPUS FRAMEWORK 4.5</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 2).</text>
<!-- Footer Tag -->
<text x="680" y="135" font-family="Arial, sans-serif" font-size="10" fill="url(#grad_EGVs8iyb)" 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">OPUS FRAMEWORK 4.5</text>
<text x="50%" y="225" dominant-baseline="middle" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" fill="#cccccc">ADVANCED STRUCTURE</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

38
assets/opus_qa_engineer.svg
View File

@@ -1,28 +1,22 @@
<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_Dbw8TeEi" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color:#007cf0;stop-opacity:1" />
<stop offset="100%" style="stop-color:#00dfd8;stop-opacity:1" />
<linearGradient id="grad_qa" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#11998e;stop-opacity:1" />
<stop offset="100%" style="stop-color:#38ef7d;stop-opacity:1" />
</linearGradient>
<pattern id="grid_Dbw8TeEi" 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_qa)" 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_Dbw8TeEi)" 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_qa)" filter="url(#shadow)" opacity="0.9" />
<path d="M35 50 L45 60 L65 40" stroke="white" stroke-width="5" stroke-linecap="round" fill="none" />
<circle cx="50" cy="50" r="25" stroke="white" stroke-width="3" fill="none" />
</g>
<!-- Neon Border -->
<rect x="2" y="2" width="696" height="146" fill="none" stroke="url(#grad_Dbw8TeEi)" 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">OPUS QA ENGINEER</text>
<!-- Description -->
<text x="350" y="80" font-family="Arial, sans-serif" font-size="14" fill="#cccccc" text-anchor="middle">Trained to enhance the AI models ability for quality assurance process, based on Opus model.</text>
<!-- Footer Tag -->
<text x="680" y="135" font-family="Arial, sans-serif" font-size="10" fill="url(#grad_Dbw8TeEi)" 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">OPUS QA ENGINEER</text>
<text x="50%" y="225" dominant-baseline="middle" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" fill="#cccccc">QUALITY ASSURANCE</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

36
assets/pwa_generator.svg
View File

@@ -1,26 +1,22 @@
<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_pwa_qhsofh" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color:#39FF14;stop-opacity:1" />
<stop offset="100%" style="stop-color:#00FFFF;stop-opacity:1" />
<linearGradient id="grad_pwa" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#ec008c;stop-opacity:1" />
<stop offset="100%" style="stop-color:#fc6767;stop-opacity:1" />
</linearGradient>
<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_pwa)" stroke-width="4" />
<!-- Background Container -->
<rect width="700" height="150" fill="#050510" 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_pwa)" filter="url(#shadow)" opacity="0.9" />
<rect x="35" y="30" width="30" height="40" rx="3" stroke="white" stroke-width="3" fill="none" />
<line x1="45" y1="60" x2="55" y2="60" stroke="white" stroke-width="3" />
</g>
<!-- Neon Border -->
<rect x="2" y="2" width="696" height="146" fill="none" stroke="url(#grad_pwa_qhsofh)" stroke-width="3" rx="12" ry="12"/>
<!-- Icon/Graphic Element (Mobile/App Icon) -->
<text x="80" y="95" font-family="Arial, sans-serif" font-size="60" fill="url(#grad_pwa_qhsofh)" opacity="0.2" font-weight="bold">📱</text>
<!-- Main Title -->
<text x="350" y="55" font-family="Arial, Helvetica, sans-serif" font-size="28" fill="#ffffff" text-anchor="middle" font-weight="bold" letter-spacing="1">PWA Generator for TRAE IDE</text>
<!-- Description -->
<text x="350" y="90" font-family="Arial, Helvetica, sans-serif" font-size="14" fill="#cccccc" text-anchor="middle">Instantly transform web apps into installable PWAs.</text>
<!-- Footer CTA -->
<text x="680" y="130" font-family="Arial, Helvetica, sans-serif" font-size="10" fill="url(#grad_pwa_qhsofh)" 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">PWA GENERATOR</text>
<text x="50%" y="225" dominant-baseline="middle" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" fill="#cccccc">WEB TO MOBILE</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB