Weather Svg Creator

This creates a simple SVG weather card for Dubai with temperature data passed in from another workflow step. It's designed for orchestration scenarios where you're building a visual output from API data you've already fetched elsewhere. The skill reads templates, swaps in the temperature values, and writes both the SVG file and a markdown summary to the orchestration-workflow directory. It's pretty narrowly scoped to Dubai and assumes you're handling the actual weather API calls upstream. Useful if you're chaining skills together and want a clean visual artifact at the end without mixing data fetching and rendering logic.

skills.sh installs: 320
GitHub stars: 68.9K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add shanraisshan/claude-code-best-practice --skill weather-svg-creator --agent claude-code

Installs into .claude/skills of the current project.

Files

Weather SVG Creator Skill

Creates a visual SVG weather card for Dubai, UAE and writes the output files.

Task

You will receive a temperature value and unit (Celsius or Fahrenheit) from the calling context. Create an SVG weather 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 — Read then write to orchestration-workflow/weather.svg
Write summary — Read then write to orchestration-workflow/output.md using the markdown template from reference.md