≈596 tokens on demand. Your agent reads this file only when SKILL.md points to it.
Time SVG Creator — Reference
SVG Template
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 250" width="400" height="250">
<defs>
<linearGradient id="bg" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#0a1628"/>
<stop offset="100%" style="stop-color:#1a2744"/>
</linearGradient>
</defs>
<rect width="400" height="250" rx="16" fill="url(#bg)"/>
<text x="200" y="50" text-anchor="middle" fill="#8892b0" font-family="sans-serif" font-size="16" font-weight="600">Dubai Time</text>
<text x="200" y="120" text-anchor="middle" fill="#ffffff" font-family="sans-serif" font-size="52" font-weight="bold">{{TIME}}</text>
<text x="200" y="160" text-anchor="middle" fill="#64ffda" font-family="sans-serif" font-size="16">{{TIMEZONE}}</text>
<text x="200" y="195" text-anchor="middle" fill="#ccd6f6" font-family="sans-serif" font-size="14">Dubai, UAE</text>
<text x="200" y="225" text-anchor="middle" fill="#8892b0" font-family="sans-serif" font-size="12">{{DATE}}</text>
</svg>
Placeholders
| Placeholder |
Replace with |
Example |
{{TIME}} |
The time value from input |
14:30:45 |
{{TIMEZONE}} |
The timezone value from input |
GST (UTC+4) |
{{DATE}} |
Date extracted from formatted (first 10 chars) |
2026-03-12 |
{{FORMATTED}} |
The full formatted string (used in markdown only) |
2026-03-12 14:30:45 +04 |
Design Specs
| Property |
Value |
| Dimensions |
400 x 250 px |
| Corner radius |
16 px |
| Background |
Linear gradient: #0a1628 → #1a2744 (deep navy to dark blue) |
| Title |
#8892b0 (muted blue), 16px semibold |
| Time display |
#ffffff (white), 52px bold |
| Timezone |
#64ffda (teal accent), 16px |
| Location |
#ccd6f6 (light blue), 14px |
| Date |
#8892b0 (muted blue), 12px |
| Font |
sans-serif |
| All text |
Centered (text-anchor="middle" at x=200) |
Output Markdown Template
# Dubai Time Card
- **Time**: {{TIME}}
- **Timezone**: {{TIMEZONE}}
- **Date**: {{DATE}}
- **Full**: {{FORMATTED}}
- **SVG**: `agent-teams/output/dubai-time.svg`
Generated by time-svg-creator skill.
Output Paths
| File |
Path |
| SVG card |
agent-teams/output/dubai-time.svg |
| Markdown summary |
agent-teams/output/output.md |
