Spotkit

こんなときに使います

サービス紹介ページに統一感のある挿絵を並べたいとき

使う前に：同梱されている画風は1種類だけです。

できること

• ✓機能の説明から、画面を単純化した挿絵を SVG のコードで作れる
• ✓12種類の配置の型から、内容に合うものを意味で選ばせられる
• ✓12個の CSS 変数で、ライトとダークの配色を1ファイルで切り替えられる
• ✓Figma に貼り付けて、そのまま編集できる形でも書き出せる
• ✓線の太さや影の数などの崩れを、検査スクリプトで見つけられる

始める前に必要なもの

• Claude Code・Codex 等
• Python 3（検査時）

入れ方

下の文を Claude Code に貼ると、入れる前に中身の説明を受けられます。説明を読んで、実行するコマンドや外部への送り先に納得できたときだけ入れてください。リンク先は作者が書き換えることがあり、当サイトは安全を保証するものではありません。

https://github.com/Devesh-Shirsath/spotkit

このスキルを入れる前に、中身を読んで次の3つを説明して。まだ入れないで、私の返事を待って。
1. 何をするものか
2. 実行するコマンドやスクリプト
3. 外部に送るデータと送り先

GitHubで中身を見る →

基本情報

種類

スキル

分類

デザイン

GitHubのスター

104

最終更新

2026-10-08

ライセンス

MIT

掲載元

GitHub（作者のREADME）

説明はGitHub（作者のREADME）の内容をもとに、日本語でまとめ直したものです。確認日：2026-11-05