create-svg-from-prompt
プロンプトからSVGグラフィックスを生成
متاح أيضًا من: 0x6a77
SVGベクターグラフィックスを手動で作成するには、デザインソフトウェアと技術的なスキルが必要です。このスキルはAIを使用して、Google Geminiとautotraceを通じてテキスト説明を拡大縮小可能なベクターグラフィックスに変換します。
تنزيل ZIP المهارة
رفع في Claude
اذهب إلى Settings → Capabilities → Skills → Upload skill
فعّل وابدأ الاستخدام
اختبرها
استخدام "create-svg-from-prompt". Generate an svg of a house with a red roof
النتيجة المتوقعة:
- house_shape.svgファイルを作成
- 生成されたSVGファイルのパスを返す
- SVGはスケーラブルで、ベクターソフトウェアで編集可能
التدقيق الأمني
مخاطر منخفضةPrompt-based skill for SVG generation via Google Gemini API. Makes documented network calls to legitimate endpoints. Accesses environment variable for API authentication. Executes standard command-line tools required for the stated purpose.
عوامل الخطر
🌐 الوصول إلى الشبكة (1)
🔑 متغيرات البيئة (1)
⚙️ الأوامر الخارجية (1)
درجة الجودة
ماذا يمكنك بناءه
UIアイコンとロゴを作成
ウェブアプリケーション用のスケーラブルなベクターアイコンやロゴをデザインソフトなしで生成
ダイアグラムとイラストを制作
テキスト説明からドキュメントや技術イラスト用のベクターグラフィックスを作成
シンプルなグラフィックスを素早く作成
デザイナーに依頼せずにソーシャルメディアやプレゼンテーション用のベクターグラフィックスを生成
جرّب هذه الموجهات
Generate an svg of a star
Generate an svg of a sunset over mountains with palm trees
Generate an svg of concentric circles with gradient colors
Generate an svg of a cat in minimalist line art style
أفضل الممارسات
- 最良の結果を得るため、プロンプトは明確かつ具体的に
- 画像の内容に合った説明的なファイル名を使用
- 初回使用前にautotraceの依存関係をインストール
- GEMINI_API_KEYは安全に環境変数に保管
تجنب
- 出力ファイル名に特殊文字を含めない
- 指示された場合を除き、Geminiに送信前にプロンプトを変更しない
- despeckleオプションをスキップしない(出力品質が向上するため)
الأسئلة المتكررة
このスキルはどのツールをサポートしていますか?
生成されるSVGのサイズ制限はありますか?
他のAIモデルに接続するにはどうすればよいですか?
APIキーは安全ですか?
SVGの出力がぼやけているのはなぜですか?
画像生成ツールとの違いは何ですか?
تفاصيل المطور
المؤلف
0x6a77الترخيص
MIT
المستودع
https://github.com/0x6a77/pelican-rides-a-bicycle/tree/main/.claude/skills/create-svg-from-promptمرجع
main
بنية الملفات
📄 SKILL.md