Shayan RaisandClaude
e0508e3362
Split monolithic SKILL.md into three files: concise SKILL.md with overview and navigation, reference.md with SVG template and design specs, and examples.md with Celsius/Fahrenheit input/output pairs. Follows the progressive disclosure pattern from Claude Code docs. Co-Authored-By: Claude <noreply@anthropic.com>
80 lines
1.7 KiB
Markdown
80 lines
1.7 KiB
Markdown
# Weather SVG Creator — Examples
|
|
|
|
## Example 1: Celsius
|
|
|
|
### Input
|
|
|
|
```
|
|
Temperature: 26.2°C
|
|
Unit: Celsius
|
|
```
|
|
|
|
### SVG Output (`orchestration-workflow/weather.svg`)
|
|
|
|
```svg
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 160" width="300" height="160">
|
|
<rect width="300" height="160" rx="12" fill="#1a1a2e"/>
|
|
<text x="150" y="45" text-anchor="middle" fill="#8892b0" font-family="system-ui" font-size="14">Unit: Celsius</text>
|
|
<text x="150" y="100" text-anchor="middle" fill="#ccd6f6" font-family="system-ui" font-size="42" font-weight="bold">26.2°C</text>
|
|
<text x="150" y="140" text-anchor="middle" fill="#64ffda" font-family="system-ui" font-size="16">Dubai, UAE</text>
|
|
</svg>
|
|
```
|
|
|
|
### Markdown Output (`orchestration-workflow/output.md`)
|
|
|
|
```markdown
|
|
# Weather Result
|
|
|
|
## Temperature
|
|
26.2°C
|
|
|
|
## Location
|
|
Dubai, UAE
|
|
|
|
## Unit
|
|
Celsius
|
|
|
|
## SVG Card
|
|
|
|
```
|
|
|
|
---
|
|
|
|
## Example 2: Fahrenheit
|
|
|
|
### Input
|
|
|
|
```
|
|
Temperature: 79.2°F
|
|
Unit: Fahrenheit
|
|
```
|
|
|
|
### SVG Output (`orchestration-workflow/weather.svg`)
|
|
|
|
```svg
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 160" width="300" height="160">
|
|
<rect width="300" height="160" rx="12" fill="#1a1a2e"/>
|
|
<text x="150" y="45" text-anchor="middle" fill="#8892b0" font-family="system-ui" font-size="14">Unit: Fahrenheit</text>
|
|
<text x="150" y="100" text-anchor="middle" fill="#ccd6f6" font-family="system-ui" font-size="42" font-weight="bold">79.2°F</text>
|
|
<text x="150" y="140" text-anchor="middle" fill="#64ffda" font-family="system-ui" font-size="16">Dubai, UAE</text>
|
|
</svg>
|
|
```
|
|
|
|
### Markdown Output (`orchestration-workflow/output.md`)
|
|
|
|
```markdown
|
|
# Weather Result
|
|
|
|
## Temperature
|
|
79.2°F
|
|
|
|
## Location
|
|
Dubai, UAE
|
|
|
|
## Unit
|
|
Fahrenheit
|
|
|
|
## SVG Card
|
|
|
|
```
|