skilld
All skills
shanraisshan avatar

/weather-svg-creator

@e0508e3
by Shayan Raisshanraisshan/claude-code-best-practice67k stars
6,698

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.

Ask your Agent

Use this Skill: https://skilld.dev/gh/shanraisshan/claude-code-best-practice/weather-svg-creator

This session only. Nothing lands on disk.

reference.md

≈404 tokens on demand. Your agent reads this file only when SKILL.md points to it.

Weather SVG Creator — Reference

SVG Template

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 160" width="300" height="160">
  <rect width="300" height="160" rx="12" fill="#1a1a2e"/>
  <text x="150" y="45" text-anchor="middle" fill="#8892b0" font-family="system-ui" font-size="14">Unit: [Celsius/Fahrenheit]</text>
  <text x="150" y="100" text-anchor="middle" fill="#ccd6f6" font-family="system-ui" font-size="42" font-weight="bold">[value]°[C/F]</text>
  <text x="150" y="140" text-anchor="middle" fill="#64ffda" font-family="system-ui" font-size="16">Dubai, UAE</text>
</svg>

Placeholders

Placeholder Replace with Example
[Celsius/Fahrenheit] Full unit name from input Celsius
[value] Numeric temperature from input 26.2
[C/F] Unit abbreviation C or F

Design Specs

Property Value
Dimensions 300 x 160 px
Corner radius 12 px
Background #1a1a2e (dark navy)
Unit label #8892b0 (muted blue), 14px
Temperature #ccd6f6 (light blue), 42px bold
Location #64ffda (teal accent), 16px
Font system-ui
All text Centered (text-anchor="middle" at x=150)

Output Markdown Template

# Weather Result

## Temperature
[value]°[C/F]

## Location
Dubai, UAE

## Unit
[Celsius/Fahrenheit]

## SVG Card
![Weather Card](weather.svg)

Output Paths

File Path
SVG card orchestration-workflow/weather.svg
Markdown summary orchestration-workflow/output.md

Source: SKILL.md on GitHub

Third-party checks

No alerts17d5 checks · Risk SAFE
  • Gen Agent Trust Hub17d

    The Weather SVG Creator skill is a legitimate tool for generating visual weather cards in SVG format. It uses file system tools to read local templates and write output files to a designated workflow directory based on provided input. No malicious patterns, obfuscation, or unauthorized network operations were detected during the analysis.

  • Socket17d

    No alerts

  • Snyk17d

    Risk: LOW · No issues

  • Runlayer6mo

    1 file scanned · No issues

  • ZeroLeaks5mo

    Score: 93/100 · 2 sections analyzed

Provenance

Signed by skilld at e0508e3. This ties the file your Agent reads to that commit on GitHub. It does not review the instructions.

Last checked against GitHub 11 hours ago.

Activeupdated 7 months ago

README badge

README badge for shanraisshan/claude-code-best-practice/weather-svg-creator