Agent Skills › shanraisshan/claude-code-best-practice › time-svg-creator

time-svg-creator

GitHub

根据传入时间数据生成迪拜时区的SVG时间卡片，并输出到指定目录。该技能通过替换模板占位符创建自包含的SVG文件及Markdown摘要，严格使用提供的时间值，不进行重新计算或获取。

agent-teams/.claude/skills/time-svg-creator/SKILL.md shanraisshan/claude-code-best-practice

Trigger Scenarios

需要生成特定城市（如迪拜）的可视化时间卡片需要将时间数据转换为SVG格式文件

Install

npx skills add shanraisshan/claude-code-best-practice --skill time-svg-creator -g -y

More Options

Non-standard path

npx skills add https://github.com/shanraisshan/claude-code-best-practice/tree/main/agent-teams/.claude/skills/time-svg-creator -g -y

Use without installing

npx skills use shanraisshan/claude-code-best-practice@time-svg-creator

指定 Agent (Claude Code)

npx skills add shanraisshan/claude-code-best-practice --skill time-svg-creator -a claude-code -g -y

安装 repo 全部 skill

npx skills add shanraisshan/claude-code-best-practice --all -g -y

预览 repo 内 skill

npx skills add shanraisshan/claude-code-best-practice --list

SKILL.md

Frontmatter

{
    "name": "time-svg-creator",
    "description": "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.",
    "allowed-tools": "Write, Read"
}

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