Shayan RaisandClaude
304eab6e52
Agent teams now bootstrap a self-contained time orchestration workflow inside agent-teams/.claude/ (command, agent, skill). The prompt, diagram, and How to Use section all reference the new time-orchestrator pattern with cd agent-teams && claude → /time-orchestrator. Co-Authored-By: Claude <noreply@anthropic.com>
70 lines
2.3 KiB
Markdown
70 lines
2.3 KiB
Markdown
# Time SVG Creator — Reference
|
|
|
|
## SVG Template
|
|
|
|
```svg
|
|
<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
|
|
|
|
```markdown
|
|
# 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` |
|