time-svg-creator
This Claude Code skill generates a visual SVG time card displaying Dubai's current time and timezone information. It accepts time, timezone, and formatted time values as input, then creates a self-contained SVG graphic and writes both the SVG file and a markdown summary to the agent-teams/output directory. Use this skill when you need to automatically generate and store visual time representations for Dubai.
git clone --depth 1 https://github.com/shanraisshan/claude-code-best-practice /tmp/time-svg-creator && cp -r /tmp/time-svg-creator/agent-teams/.claude/skills/time-svg-creator ~/.claude/skills/time-svg-creatorSKILL.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 1. **Create SVG** — Use the SVG template from [reference.md](reference.md), replacing placeholders with actual values 2. **Write SVG file** — Write to `agent-teams/output/dubai-time.svg` 3. **Write summary** — Write to `agent-teams/output/output.md` using the markdown template from [reference.md](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](reference.md) - For example input/output pairs, see [examples.md](examples.md)
Research agent that fetches GitHub repos, counts agents/skills/commands, gets star counts, and analyzes Claude Code workflow repositories
PROACTIVELY use this agent whenever the user wants to update, modify, rearrange, or fix the CLAUDE-CODE-BEST-PRACTICE presentation (`presentation/claude-code-best-practice/index.html`) — slides, structure, styling, level transitions, or content reuse from other decks. This is the canonical reusable Claude Code best-practices deck. Do NOT use this agent for the vibe-coding presentation (use `presentation-vibe-coding`) or the GDG Kolachi claude-gemini presentation (use `presentation-claude-gemini`).
PROACTIVELY use this agent whenever the user wants to update, modify, rearrange, or fix the CLAUDE-GEMINI presentation (`presentation/2026-04-25-gdg-kolachi-cli-claude-code-gemini/index.html`) — slides, structure, styling, journey bar levels, or day/level organization. Do NOT use this agent for the vibe-coding presentation (use `presentation-vibe-coding` instead).
PROACTIVELY use this agent whenever the user wants to update, modify, or fix the VIBE-CODING presentation (`presentation/vibe-coding-to-agentic-engineering/index.html`) — slides, structure, styling, or level transitions. Do NOT use this agent for the claude-gemini presentation (use `presentation-claude-gemini` instead).
Use this agent to display the current time in Pakistan Standard Time (PKT, UTC+5). (root scope — see agent-teams for Dubai time)
Use this agent PROACTIVELY when you need to fetch weather data for Dubai, UAE. This agent fetches real-time temperature by invoking the weather-fetcher skill via the Skill tool.
Display the current time in Pakistan Standard Time (PKT, UTC+5)
Fetch Dubai weather and create an SVG weather card