skills.rest
zillafan80-Maxzilla
zillafan80-MaxzillaCOMMUNITY
Explore all skills by this author →
GitHub

ccbp-weather-svg-creator

Generate a self-contained SVG weather card from temperature and unit for Dubai.

Updated Apr 11, 2026
Search Tags:#automation#graphics#svg#templating#weather#dubai
One-click install
npx skills add https://github.com/zillafan80-Maxzilla/claw-code-ubuntu-desktopUI --skill ccbp-weather-svg-creator
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ccbp-weather-svg-creator
Source: https://github.com/zillafan80-Maxzilla/claw-code-ubuntu-desktopUI/tree/main/payload/claw-code/.claw/skills/ccbp-weather-svg-creator
Command: npx skills add https://github.com/zillafan80-Maxzilla/claw-code-ubuntu-desktopUI --skill ccbp-weather-svg-creator

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill enables quick creation of a self-contained SVG weather card for a specified location, automating the visual representation of temperature data.

Core Features & Use Cases

  • SVG Weather Card: Generate a self-contained SVG with temperature and location.
  • Output Artifacts: Writes the SVG to orchestration-workflow/weather.svg and updates orchestration-workflow/output.md.
  • Use Case: Produce shareable weather visuals for dashboards or reports by feeding a temperature and unit.

Quick Start

Generate an SVG weather card for Dubai using a given temperature and unit.

Frequently Asked Questions about ccbp-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 from temperature data?▼

You can generate an SVG weather card by providing a temperature value and unit to create a self-contained visual graphic. The skill outputs a validated SVG file and a markdown summary for Dubai.

Can I use an SVG weather card in dashboards and reports?▼

Yes, the generated SVG weather card is designed for integration into dashboards, reports, and UI elements requiring compact weather visualizations. It provides a self-contained graphic file for direct embedding.

What files are output when creating an SVG weather visualization?▼

Creating an SVG weather visualization outputs two files to the orchestration-workflow directory: a self-contained weather.svg file containing the graphic and an output.md markdown file. Both artifacts are generated using a template.

Does the SVG weather card support locations other than Dubai?▼

Based on the available metadata, the SVG weather card template is specifically configured for Dubai, UAE. It generates a weather visualization featuring the Dubai location alongside the provided temperature data.

Do I need any dependencies to create SVG weather graphics?▼

No external dependencies are required to create SVG weather graphics. The skill operates independently, using internal templates to generate and validate a self-contained SVG file from the provided temperature value and unit.

What is the best way to automate weather visualization for UI elements?▼

Automating weather visualization is best achieved by feeding a temperature value and unit into a templating process that outputs a self-contained SVG file. This generates compact, validated weather graphics suitable for UI elements.

Related Skills

Explore More Design & Creative Skills→
caovinhphuccaovinhphuc
1

weather-svg-creator

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

Community
Basic
tneztnez
3

get-weather

Fetch current weather data from wttr.in and parse JSON output.

Community
Intermediate
mhattingpetemhattingpete
657

dashboard-creator

Generate HTML dashboards with KPI cards, SVG charts, and data tables.

Community
Basic
kunwl123456kunwl123456
26

weather

Retrieve current weather and forecasts via wttr.in and Open-Meteo APIs.

Community
Basic