スキル create-svg-from-prompt
🎨

create-svg-from-prompt

低リスク ⚡ スクリプトを含む⚙️ 外部コマンド🌐 ネットワークアクセス🔑 環境変数

从文本提示创建 SVG 图像

こちらからも入手できます: 0x6a77

此技能根据自然语言描述生成可缩放矢量图形。用户描述他们想要看到的内容,技能使用 AI 创建 SVG 文件。

対応: Claude Codex Code(CC)
⚠️ 63 貧弱
1

スキルZIPをダウンロード

2

Claudeでアップロード

設定 → 機能 → スキル → スキルをアップロードへ移動

3

オンにして利用開始

テストする

「create-svg-from-prompt」を使用しています。 Create an SVG of a simple yellow sun with rays

期待される結果:

  • Generated: sun_icon.svg
  • The SVG file has been created with a yellow circular sun and radiating rays.

「create-svg-from-prompt」を使用しています。 Create an SVG of a green tree with brown trunk

期待される結果:

  • Generated: green_tree.svg
  • The SVG file contains a stylized tree with green foliage and brown trunk.

セキュリティ監査

低リスク
v4 • 1/21/2026

All static findings evaluated as false positives. The skill uses legitimate API calls to Google Gemini and standard CLI tools for SVG generation. Sudo commands are for dependency installation only. No malicious behavior detected.

2
スキャンされたファイル
538
解析された行数
10
検出結果
4
総監査数

高リスクの問題 (4)

SKILL.md:11-12SKILL.md:18
Sudo command execution
Sudo commands detected for installing autotrace dependency
skill-report.json:12
C2 keyword pattern match
Pattern matching flagged internal JSON fields as C2 keywords
SKILL.md:30
Weak cryptographic algorithm
Base64 encoding flagged as weak cryptographic algorithm
SKILL.md:34
Environment variable access
Accesses GEMINI_API_KEY from environment
中リスクの問題 (1)
SKILL.md:8SKILL.md:10SKILL.md:30
Shell backtick execution pattern
Backtick syntax detected in code examples
低リスクの問題 (1)
SKILL.md:13SKILL.md:30
Hardcoded URLs
GitHub and API URLs hardcoded in skill

リスク要因

⚡ スクリプトを含む (1)
SKILL.md:8-19
⚙️ 外部コマンド (2)
SKILL.md:10-19 SKILL.md:30
🌐 ネットワークアクセス (2)
SKILL.md:13 SKILL.md:30
🔑 環境変数 (1)
SKILL.md:34

検出されたパターン

Code execution with network access
監査者: claude 監査履歴を表示 →

品質スコア

38
アーキテクチャ
100
保守性
85
コンテンツ
46
コミュニティ
43
セキュリティ
91
仕様準拠

作れるもの

创建自定义图标和徽标

根据文本描述生成简单的图标和徽标概念。适用于原型设计或创建图形设计工作的起点。

将图像转换为矢量格式

将栅格图像转换为可缩放的 SVG 文件。有助于简化复杂图像或为不同输出尺寸准备图形。

快速视觉原型设计

快速生成文本描述的想法的视觉表现。支持通过调整提示词进行迭代优化。

これらのプロンプトを試す

简单的 SVG 请求 
Create an SVG of a red apple with a green leaf on a white background.
详细场景描述 
Create an SVG of a sunset over the ocean with orange and purple colors, showing the sun partially setting with waves in the foreground.
图标或符号请求 
Create an SVG of a simple house icon with a chimney and smoke coming out.
抽象设计请求 
Create an SVG of geometric patterns with blue triangles and circles arranged in a modern abstract composition.

ベストプラクティス

  • 提供清晰、具体的图像描述
  • 提及特定颜色和基本形状以获得更好的结果
  • 对图标和符号保持简单描述以获得更清晰的 SVG 输出
  • 在请求复杂图像之前检查 GEMINI_API_KEY 是否已设置

回避

  • 避免要求生成照片级真实图像,因为 SVG 是基于矢量的
  • 不要请求包含许多小细节的极其复杂的场景
  • 避免需要精确人脸或文本渲染的描述
  • 不要期望技能在没有 sudo 访问权限的情况下安装 autotrace

よくある質問

使用此技能需要什么?
您需要将 Google Gemini API 密钥设置为 GEMINI_API_KEY 环境变量,并且必须在系统上安装 autotrace CLI 工具。
我可以在没有 API 密钥的情况下生成 SVG 吗?
不能。此技能需要 GEMINI_API_KEY 才能访问 Google Gemini 进行图像生成。autotrace 工具本身只能转换现有图像,但无法从文本生成新图像。
哪些类型的图像效果最好?
简单形状、图标、徽标和抽象设计效果最好。包含许多细节的复杂场景可能产生不太清晰的矢量结果。
如果缺少 autotrace,我该如何安装?
SKILL.md 包含设置说明。您需要 sudo 访问权限来安装所需的软件包,包括 git、build-essential、imagemagick、libmagickcore-dev、pstoedit 和 libpstoedit-dev。
SVG 文件保存在哪里?
SVG 文件根据您的提示词描述使用 8-30 个字符的文件名保存在当前工作目录中。
我可以将自己的图像转换为 SVG 吗?
此技能专注于从文本提示生成 SVG。要转换现有图像,您需要先将图像内容提供给 Gemini,然后使用 autotrace 进行矢量化。

開発者の詳細

作成者

0x6a77

ライセンス

MIT

リポジトリ

https://github.com/0x6a77/pelican-rides-a-bicycle/tree/main/.claude/skills/create-svg-from-prompt

参照

main

ファイル構成

📄 SKILL.md