weather-svg-creator について
weather-svg-creatorは、指定された気温と単位からドバイの天気カードを作るスキルです。SVGとMarkdownの概要を指定ディレクトリに書き出します。
主な機能
- 01指定された気温と単位で天気カードを作成
- 02テンプレートから自己完結した有効なSVGを生成
- 03SVGとMarkdownの概要ファイルを出力
活用シーン
- 01指定気温に応じたドバイの天気カード作成
- 02ワークフロー用の天気SVGと概要ファイル生成
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ shanraisshan/ claude-code-best-practice --skill weather-svg-creatorインストール後、Claude Code で/weather-svg-creatorを入力して読み込まれたか確認します。
同梱ファイルexamples.mdreference.md
詳細
天気 SVG 作成スキル
UAE のドバイの天気カードを SVG で作成し、出力ファイルを書き込みます。
タスク
呼び出し元のコンテキストから、温度の値と単位(摂氏または華氏)を受け取ります。SVG の天気カードを作成し、SVG ファイルと Markdown の概要の両方を書き込みます。
手順
- SVG を作成 — reference.md の SVG テンプレートを使用し、プレースホルダーを実際の値に置き換えます
- SVG ファイルを書き込み —
orchestration-workflow/weather.svgを読み取ってから書き込みます - 概要を書き込み — reference.md の Markdown テンプレートを使用して、
orchestration-workflow/output.mdを読み取ってから書き込みます
ルール
- 提供された温度の値と単位をそのまま使用し、再取得したり変更したりしないでください
- SVG は自己完結しており、有効である必要があります
- どちらの出力ファイルも
orchestration-workflow/ディレクトリに保存します
追加リソース
- SVG テンプレート、出力テンプレート、デザイン仕様については、reference.md を参照してください
- 入出力の例については、examples.md を参照してください
コメント
Markdown 対応