Skills Directory

shanraisshan/claude-code-best-practice

time-svg-creator

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.

3 installs 66K starsUpdated Sep 3, 2026License: MIT

Install

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

Runs in your terminal. Adds the skill globally for Claude Code, Cursor, Codex and others; add -g -y to skip prompts.

What it does

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, 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 Rules - Use the EXACT time values provided — NEVER re-fetch…

Excerpt from the skill's own SKILL.md. Read the full file on GitHub before installing: skills run with your agent's permissions.

View source on GitHub

Before you install

Skills are plain text instructions the agent follows, sometimes with scripts. Check the source, prefer repositories with many installs and stars, and read any script it ships.

Categories

Related skills

  • agent-browser

    shanraisshan/claude-code-best-practice

    Browser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages, filling forms, clicking buttons, taking screenshots, extracting data, testing web apps, or automating any browser task. Triggers include requests to "open a website", "fill out a form", "click a button", "take a screenshot", "scrape data from a page", "test this web app", "login to a site", "automate browser actions", or any task requiring programmatic web interaction.

    323 installs 66KTestingDataAI & agents
  • weather-fetcher

    shanraisshan/claude-code-best-practice

    Instructions for fetching current weather temperature data for Dubai, UAE from Open-Meteo API

    321 installs 66KData
  • weather-svg-creator

    shanraisshan/claude-code-best-practice

    Creates an SVG weather card showing the current temperature for Dubai. Writes the SVG to orchestration-workflow/weather.svg and updates orchestration-workflow/output.md.

    271 installs 66KProductivity
  • time-skill

    shanraisshan/claude-code-best-practice

    Display the current time in Pakistan Standard Time (PKT, UTC+5). Use when the user asks for the current time, Pakistan time, or PKT.

    269 installs 66K
  • presentation-structure

    shanraisshan/claude-code-best-practice

    Knowledge about the presentation slide format, weight system, navigation, and section structure

    171 installs 66KDesign & UIAnimationData
  • presentation-styling

    shanraisshan/claude-code-best-practice

    Knowledge about CSS classes, component patterns, and syntax highlighting in the presentation

    160 installs 66KDesign & UIReact & Next.jsWriting

← Search skills

/skills/shanraisshan/claude-code-best-practice/time-svg-creator/