weather-svg-creator

Generate an SVG weather card and markdown summary from a temperature value.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/Buckeyes22/weather-app --skill weather-svg-creator-buckeyes22
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: weather-svg-creator
Source: https://github.com/Buckeyes22/weather-app/tree/main/docs/corpora/claude-code-best-practice/.claude/skills/weather-svg-creator
Command: npx skills add https://github.com/Buckeyes22/weather-app --skill weather-svg-creator-buckeyes22

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automates the creation of a self-contained SVG weather card from a numeric temperature value and its unit, enabling quick visual representations in dashboards and docs without manual SVG design.

Core Features & Use Cases

  • SVG Card Generation: Generate a self-contained SVG weather card by replacing placeholders with the provided temperature value and unit.
  • Markdown Summary: Create a corresponding markdown summary and write it to orchestration-workflow/output.md.
  • Use Case: Instantly display Dubai, UAE weather in dashboards or reports by feeding just the temperature and unit.

Quick Start

Provide the Temperature and Unit to generate the SVG card and its markdown summary in the orchestration-workflow directory.

Frequently Asked Questions about weather-svg-creator

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a weather SVG card from temperature data?

To generate a weather SVG card from temperature data, provide a numeric temperature value and its unit. The Skill automates SVG creation by replacing template placeholders and outputs both the SVG card and a markdown summary.

Can I automate Dubai weather visualization for dashboards using SVG?

Yes, you can automate Dubai weather visualization for dashboards by feeding temperature and unit values into the Skill. It outputs a self-contained SVG card and a markdown summary directly to the orchestration-workflow directory.

Does the SVG weather card generation require external dependencies?

SVG weather card generation does not require external dependencies. The Skill reads the SVG template from reference.md internally and writes the output files without needing additional libraries or frameworks.

How do I create a markdown summary alongside a weather SVG file?

To create a markdown summary alongside a weather SVG file, input the temperature value and unit. The Skill writes the SVG to weather.svg and the markdown summary to output.md in the orchestration-workflow directory.

What is the best way to display Dubai temperature in documentation without manual SVG design?

The best way to display Dubai temperature in documentation without manual SVG design is using automated SVG card generation. The Skill preserves exact input values and outputs a self-contained SVG file ready for dashboard or report integration.

What are the limitations of using a template-based SVG weather card generator?

A limitation of template-based SVG weather card generation is that the visualization targets Dubai, UAE specifically and relies on the reference.md template. The output strictly preserves input values without dynamic styling or location flexibility.