skills.rest
shanraisshan
shanraisshanCOMMUNITY
Explore all skills by this author →
Website𝕏@shanraisshanGitHub

weather-svg-creator

Generates an SVG weather card and markdown summary for Dubai's current temperature.

64.2k|6.4k|Updated Oct 31, 2025
Search Tags:#data visualization#svg#weather#temperature#card generation#dubai
One-click install
npx skills add https://github.com/shanraisshan/claude-code-best-practice --skill weather-svg-creator
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: weather-svg-creator
Source: https://github.com/shanraisshan/claude-code-best-practice/tree/main/.claude/skills/weather-svg-creator
Command: npx skills add https://github.com/shanraisshan/claude-code-best-practice --skill weather-svg-creator

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill automates the creation of visual weather cards in SVG format, displaying current temperature data for a specific location.

Core Features & Use Cases

  • SVG Weather Card Generation: Creates a visually appealing SVG based on provided temperature data.
  • File Output: Writes the generated SVG to a specified file path and updates a markdown summary file.
  • Use Case: Integrate this Skill into a weather reporting workflow to automatically generate and update a graphical representation of the current temperature in Dubai.

Quick Start

Use the weather-svg-creator skill to generate an SVG weather card for Dubai using a temperature of 25°C.

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 an SVG weather card for current temperature data?▼

To generate an SVG weather card, provide the current temperature values and units (Celsius or Fahrenheit) to populate an SVG template and output a markdown summary file.

Can I create a weather visualization using both Celsius and Fahrenheit?▼

Yes, you can create a weather visualization by providing specific temperature values and selecting either Celsius or Fahrenheit to populate the SVG card template.

How do I automate weather card generation and save it to a specific file path?▼

Automate weather card generation by passing temperature data to the skill, which writes the generated SVG and markdown summary to specified file paths.

Does this SVG generation skill support locations outside of Dubai?▼

No, the SVG generation skill is currently configured specifically for displaying the current temperature in Dubai, utilizing provided temperature values to update the output.

What is the best way to display current temperature as an SVG image?▼

The best way to display current temperature as an SVG image is to use a template-based generation approach that takes temperature values and outputs both an SVG card and a markdown summary.

Related Skills

Explore More Design & Creative Skills→
shanraisshanshanraisshan
64.2k

weather-fetcher

Fetch current Dubai temperature from the Open-Meteo API with configurable units.

Community
Basic
fnf-ax-teamfnf-ax-team
1

session-summary

Analyze conversation history and generate a structured Markdown session summary.

Official
Basic
caovinhphuccaovinhphuc
1

weather-svg-creator

Generate an SVG weather card and Markdown summary from temperature input.

Community
Basic
lamm-mitlamm-mit
38

d3-viz

Create custom interactive SVG data visualizations with d3.js.

Community
Intermediate