mcpField
W
weather-svg-creator

weather-svg-creator

github.com/shanraisshanDesign & UI68.3k313 installsUpdated today
Repository

About weather-svg-creator

weather-svg-creator is a skill that creates a Dubai weather card from a supplied temperature and unit, then writes the SVG and a Markdown summary to a specified directory.

Key features

  1. 01Create a weather card from the supplied temperature and unit
  2. 02Build a self-contained, valid SVG from a template
  3. 03Write SVG and Markdown summary files

Use cases

  1. 01Create a Dubai weather card for a given temperature
  2. 02Generate weather SVG and summary files in a workflow

Install

Copy the command and run it in a terminal.

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

After installing, type/weather-svg-creatorin Claude Code to confirm it loaded.

Bundled filesexamples.mdreference.md

Details

From the project README

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

  1. Create SVG — Use the SVG template from reference.md, replacing placeholders with actual values
  2. Write SVG file — Read then write to orchestration-workflow/weather.svg
  3. Write summary — Read then write to orchestration-workflow/output.md using the markdown template from reference.md

Rules

  • Use the exact temperature value and unit provided — do not re-fetch or modify
  • The SVG must be self-contained and valid
  • Both output files go in the orchestration-workflow/ directory

Additional resources

  • For SVG template, output template, and design specs, see reference.md
  • For example input/output pairs, see examples.md

Comments

Markdown supported