Time SVG Creator Skill for Claude

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.

301 tokens

context cost

SKILL.md, read when the skill is used

files

plus reference files

copies elsewhere

how many repositories repackaged it

63 976

stars on the repo

on the repository, not the skill itself

Install

one command, takes just this skill from the repository

npx skills add https://github.com/shanraisshan/claude-code-best-practice --skill time-svg-creator

What comes with it

5 332 bytes besides the instruction

examples.md

reference.md

The instruction itself

5 sections, as written by the author

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

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
For example input/output pairs, see examples.md

Other skills for the same job

different authors, same section of the catalogue

Skill Creator

by anthropics

vendor ×12

Create new skills, modify and improve existing skills, and measure skill performance. Use when users want to create a skill from scratch, edit, or optimize an existing skill, run evals to test a skill, benchmark skill performance with variance analysis, or optimize a skill's description for better triggering accuracy.

Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations.

Dispatching Parallel Agents

by ZhanlinCui

×7

Use when facing 2+ independent tasks that can be worked on without shared state or sequential dependencies

Replace with description of the skill and when Claude should use it.

Use when creating new skills, editing existing skills, or verifying skills work before deployment

This skill should be used when the user wants to "create a skill", "add a skill to plugin", "write a new skill", "improve skill description", "organize skill content", or needs guidance on skill structure, progressive disclosure, or skill development best practices for Claude Code plugins.

5.7k tokens

Subagent Driven Development

by ZhanlinCui

×5

Use when executing implementation plans with independent tasks in the current session

2.5k tokens

How to use it

Copy the folder

Take shanraisshan/time-svg-creator from the repository into ~/.claude/skills for personal use, or into .claude/skills inside a project.

Check the name does not clash

The agent identifies a skill by the name field in its header. Two skills with the same name cannot sit side by side — one of them will be ignored.