Skip to content
Get packs

Dubai Time SVG Creator

Turns a supplied Dubai time into an SVG time card and a markdown summary file.

Source Download skill
Repository
shanraisshan/claude-code-best-practice
Stars
68,452
Licence
MIT
Files
3 files

What it does

When an agent runs this skill, it takes a time, timezone and formatted time string that a calling process provides, and writes them into a pre-defined SVG (image) template, producing a self-contained time card for Dubai, UAE. It saves the image as agent-teams/output/dubai-time.svg and also writes a markdown summary to agent-teams/output/output.md. It is told not to look up or recalculate the time itself, so it only formats values it was given.

Great for

  • Developers exploring how agent teams pass data between agents and write output files
  • Anyone learning how a SKILL.md file structures a narrow, template-driven task
  • Teams building a demo workflow that needs a simple generated SVG graphic

Skip it if

  • Getting the live or accurate current time, since the skill deliberately uses only the values it is given and does not fetch time itself
  • Production dashboards or general SVG design, because it only produces one fixed Dubai time card layout
  • Use outside the agent-teams example, since it expects the calling context to supply fields and writes to a fixed output folder

Try asking

  • “Create the Dubai time card using the time values from the previous step”
  • “Generate the Dubai SVG time card and update the output summary”
  • “Make an SVG showing Dubai time from the provided fields time, timezone and formatted”
Step-by-step guide: how to use Dubai Time SVG CreatorInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 3 original files, the MIT licence and an attribution note.

    time-svg-creator.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip time-svg-creator.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip time-svg-creator.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Supply accurate time, timezone and formatted values in the request, since the skill will not check them
  • Review the generated SVG in a browser before relying on it, and check that the output folder is the one you expect
  • Read examples.md first to see sample input and output pairs before running it

What's inside

  • examples.md
  • reference.md
  • SKILL.md

Redistributed unmodified from shanraisshan/claude-code-best-practice under the MIT licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.