skills.rest
Buckeyes22
Buckeyes22COMMUNITY
Explore all skills by this author →
GitHub

time-svg-creator

Generate a deterministic Dubai time SVG card and Markdown summary.

Updated Aug 27, 2026
Search Tags:#template#markdown#svg#output#dubai#time-card
One-click install
npx skills add https://github.com/Buckeyes22/weather-app --skill time-svg-creator-buckeyes22
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: time-svg-creator
Source: https://github.com/Buckeyes22/weather-app/tree/main/docs/corpora/claude-code-best-practice/agent-teams/.claude/skills/time-svg-creator
Command: npx skills add https://github.com/Buckeyes22/weather-app --skill time-svg-creator-buckeyes22

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automates the creation of a compact, self-contained SVG time card for Dubai and writes a corresponding Markdown summary to support dashboards and reports.

Core Features & Use Cases

  • Create a deterministic 400x250 SVG time card using a provided time, timezone, and formatted date.
  • Write the SVG to agent-teams/output/dubai-time.svg and the markdown summary to agent-teams/output/output.md for easy integration.
  • Use in dashboards, status pages, or docs that require a consistent Dubai time visualization.

Quick Start

Provide time, timezone, and formatted date to generate and save the SVG card and the markdown summary to the output directory.

Frequently Asked Questions about time-svg-creator

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a Dubai time SVG card for a dashboard?▼

To generate a Dubai time SVG card, you provide time, timezone, and formatted date inputs to render a deterministic 400x250 visualization. The tool saves the SVG output directly to the agent-teams/output directory for immediate dashboard integration.

What is a deterministic SVG time card and when do I need one?▼

A deterministic SVG time card renders identically every time using fixed 400x250 dimensions and template-based generation. You need deterministic rendering for status pages, reports, or UI components that require consistent Dubai time visualization without layout shifts.

Can I use this SVG time card output in my markdown reports?▼

Yes, the SVG time card output integrates into markdown reports. Alongside the SVG file, the tool writes a formatted timestamp and markdown summary to agent-teams/output/output.md, providing both visual and text outputs for documentation.

Does the Dubai time SVG generator require any external dependencies?▼

No, the Dubai time SVG generator operates with zero external dependencies. It uses template-based SVG generation to produce a self-contained file, meaning you do not need additional libraries or frameworks to render the time card.

What is the best way to automate Dubai time visualization for UI components?▼

The best way to automate Dubai time visualization is using template-based SVG generation. By passing time data and a formatted timestamp, the process deterministically renders a 400x250 SVG card and writes it to a fixed output path for UI integration.

What inputs do I need to create a Dubai time SVG?▼

To create a Dubai time SVG, you need three inputs: the specific time, the timezone, and a formatted date. These inputs drive the template-based generation to produce the 400x250 SVG card and a corresponding markdown summary file.

Related Skills

Explore More Design & Creative Skills→
KamisoraraKamisorara

get-current-time

Return current date and time in multiple formats and timezones.

Community
Intermediate
hathbangerhathbanger

brand-architect

Generate SVG logos, color palettes, and typography from a brand brief.

Community
Intermediate
AllBeingsFutureAllBeingsFuture
9

allbeingsfuture/skills@datetime-tool

Provides timezone-aware datetime formatting, conversion, and difference calculations via JSON.

Community
Intermediate
adamhjkadamhjk
2

pixijs-scene-graphics

Create vector shapes, paths, and gradients in PixiJS v8.

Community
Intermediate