mcpField
W
weather-svg-creator

weather-svg-creator

github.com/shanraisshanデザイン・UI68.3k313 回インストール1 日前に更新
リポジトリ

weather-svg-creator について

weather-svg-creatorは、指定された気温と単位からドバイの天気カードを作るスキルです。SVGとMarkdownの概要を指定ディレクトリに書き出します。

主な機能

  1. 01指定された気温と単位で天気カードを作成
  2. 02テンプレートから自己完結した有効なSVGを生成
  3. 03SVGとMarkdownの概要ファイルを出力

活用シーン

  1. 01指定気温に応じたドバイの天気カード作成
  2. 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 の概要の両方を書き込みます。

手順

  1. SVG を作成 — reference.md の SVG テンプレートを使用し、プレースホルダーを実際の値に置き換えます
  2. SVG ファイルを書き込み — orchestration-workflow/weather.svg を読み取ってから書き込みます
  3. 概要を書き込み — reference.md の Markdown テンプレートを使用して、orchestration-workflow/output.md を読み取ってから書き込みます

ルール

  • 提供された温度の値と単位をそのまま使用し、再取得したり変更したりしないでください
  • SVG は自己完結しており、有効である必要があります
  • どちらの出力ファイルも orchestration-workflow/ ディレクトリに保存します

追加リソース

  • SVG テンプレート、出力テンプレート、デザイン仕様については、reference.md を参照してください
  • 入出力の例については、examples.md を参照してください

コメント