Skip to main content
ClaudeWave
Skill57.6k estrellas del repoactualizado today

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.

Instalar en Claude Code
Copiar
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-creator
Después abre una sesión nueva de Claude Code; el skill carga automáticamente.

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

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)
development-workflows-research-agentSubagent

Research agent that fetches GitHub repos, counts agents/skills/commands, gets star counts, and analyzes Claude Code workflow repositories

presentation-claude-codeSubagent

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`).

presentation-claude-geminiSubagent

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).

presentation-vibe-codingSubagent

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).

time-agent-pktSubagent

Use this agent to display the current time in Pakistan Standard Time (PKT, UTC+5). (root scope — see agent-teams for Dubai time)

weather-agentSubagent

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.

time-commandSlash Command

Display the current time in Pakistan Standard Time (PKT, UTC+5)

weather-orchestratorSlash Command

Fetch Dubai weather and create an SVG weather card