Claude-code-best-practice time-svg-creator

Creates an SVG time card showing the current time for Dubai. Writes the SVG to agent-teams/output/dubai-time.svg and updates agent-teams/output/output.md.

install

source · Clone the upstream repo

git clone https://github.com/shanraisshan/claude-code-best-practice

Claude Code · Install into ~/.claude/skills/

T=$(mktemp -d) && git clone --depth=1 https://github.com/shanraisshan/claude-code-best-practice "$T" && mkdir -p ~/.claude/skills && cp -r "$T/agent-teams/.claude/skills/time-svg-creator" ~/.claude/skills/shanraisshan-claude-code-best-practice-time-svg-creator && rm -rf "$T"

manifest: agent-teams/.claude/skills/time-svg-creator/SKILL.md

Time SVG Creator Skill

Creates a visual SVG time card for Dubai, UAE and writes the output files.

Task

You will receive three fields from the calling context:

time

timezone

, and

formatted

. Create an SVG time card and write both the SVG and a markdown summary.

Instructions

Create SVG — Use the SVG template from reference.md, replacing placeholders with actual values
Write SVG file — Write to
```
agent-teams/output/dubai-time.svg
```
Write summary — Write to
```
agent-teams/output/output.md
```
using the markdown template from reference.md

Rules

Use the EXACT time values provided — NEVER re-fetch or recalculate
The SVG must be self-contained and valid
Both output files go in the
```
agent-teams/output/
```
directory

Additional resources

For SVG template, output template, and design specs, see reference.md
For example input/output pairs, see examples.md