shanraisshan/claude-code-best-practice
weather-svg-creator
Creates an SVG weather card showing the current temperature for Dubai. Writes the SVG to orchestration-workflow/weather.svg and updates orchestration-workflow/output.md.
Before you install
- Last update
- Files in folder
- 3
- Scripts
- No script files found
- SKILL.md size
- 1.2 KB (about 312 tokens of context each time it loads)
- License
- MIT
- Source on GitHub
- shanraisshan/claude-code-best-practice
Skills are plain text instructions the agent follows, sometimes with scripts. Check the source, prefer repositories with many installs and stars, and read any script it ships.
Install
npx skills add shanraisshan/claude-code-best-practice@weather-svg-creatorRuns in a terminal with Node.js 18 or newer. Add -y to skip the prompts and -g to install for every project instead of this one.
Install for your agent
npx skills add shanraisshan/claude-code-best-practice@weather-svg-creator --agent claude-code -y- Project install writes to
.claude/skills/weather-svg-creator- Global install writes to
~/.claude/skills/weather-svg-creator
Start a new session afterwards so the agent picks the skill up. In Claude Code you can also call it directly with /weather-svg-creator.
What it does
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…
Excerpt from the skill's own SKILL.md. Read the full file on GitHub before installing: skills run with your agent's permissions.
Categories
Related skills
- agent-browser
shanraisshan/claude-code-best-practice
Browser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages, filling forms, clicking buttons, taking screenshots, extracting data, testing web apps, or automating any browser task. Triggers include requests to "open a website", "fill out a form", "click a button", "take a screenshot", "scrape data from a page", "test this web app", "login to a site", "automate browser actions", or any task requiring programmatic web interaction.
- weather-fetcher
shanraisshan/claude-code-best-practice
Instructions for fetching current weather temperature data for Dubai, UAE from Open-Meteo API
- time-skill
shanraisshan/claude-code-best-practice
Display the current time in Pakistan Standard Time (PKT, UTC+5). Use when the user asks for the current time, Pakistan time, or PKT.
305 installs 68K - presentation-structure
shanraisshan/claude-code-best-practice
Knowledge about the presentation slide format, weight system, navigation, and section structure
- presentation-styling
shanraisshan/claude-code-best-practice
Knowledge about CSS classes, component patterns, and syntax highlighting in the presentation
- vibe-to-agentic-framework
shanraisshan/claude-code-best-practice
The conceptual framework behind the presentation — what "Vibe Coding to Agentic Engineering" means, why the journey is structured the way it is, and how every slide fits the narrative arc