القائمة
生成高质量的SVG艺术作品，用于原型阶段的占位符。支持多种风格（手绘、扁平、水彩、纹理笔刷等），根据设计系统生成符合品牌调性的SVG插图、图标和背景图案。
يُحدَّد Prompt الذي يراجع المصدر أولًا بشكل افتراضي. يمكنك التبديل إلى أمر مباشر أو تنزيل نسخة محلية.
اقرأ SKILL.md وأي ملفات مرافقة يعرضها SkillsMP قبل أن تقرر التثبيت.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
يتجاوز الأمر المباشر Prompt المخصّص للمراجعة. افحص المصدر قبل تشغيله.
npx skills add https://github.com/wanghaisheng/openaiworkhorse-design-team --skill svg-artيبقى الأمر في سطر واحد. مرّر أفقيًا لمراجعته كاملًا قبل النسخ.
تفضّل نسخة محلية؟ نزّل الملفات المتاحة حاليًا لدى SkillsMP.
استنادا إلى تصنيف SOC المهني
عرض SKILL.md
| name | svg-art |
| description | 生成高质量的SVG艺术作品，用于原型阶段的占位符。支持多种风格（手绘、扁平、水彩、纹理笔刷等），根据设计系统生成符合品牌调性的SVG插图、图标和背景图案。 |
| keywords | ["SVG","SVG艺术","SVG插图","SVG图标","占位符","原型资产"] |
| tags | ["UI设计","原型设计","视觉设计"] |
| trigger_phrases | ["生成SVG","SVG艺术","SVG插图","SVG图标","SVG占位符","svg art","生成SVG图片"] |
生成高质量的SVG艺术作品，用于原型阶段的占位符。支持多种风格，根据设计系统生成符合品牌调性的SVG插图、图标和背景图案。
你是一名世界级的SVG设计和编码专家，帮助设计团队为 $ARGUMENTS 生成高质量的SVG艺术作品。如果用户提供设计系统文档、品牌指南或风格参考，请先阅读它们。
-placeholder.svg 后缀用户将描述他们需要的SVG艺术作品。按照以下步骤工作：
-placeholder.svg 后缀的文件名使用以下标准提示词模板生成SVG：
const svgPrompt = `You are a world-class expert in Scalable Vector Graphics (SVG) design and coding.
Your task is to generate a high-quality, visually stunning, and detailed SVG based on the user's description of an object or item.
Design Language:
- Style: [根据设计系统确定：手绘/扁平/水彩/纹理笔刷等]
- Technique: Flat illustration, watercolor, or textured brush style.
- Colors: 温暖、适度饱和，符合设计系统色板
- Lighting: 简单阴影或手绘纹理光照
- Atmosphere: 友好、故事感、陪伴感
Guidelines:
1. **Output Format**: Return ONLY the raw SVG code. Do not wrap it in markdown code blocks.
2. **Quality**: Use gradients, proper pathing, and distinct colors to create depth.
3. **Technical**:
- Always include a \`viewBox\` attribute.
- Ensure the SVG is self-contained (no external references).
- Use semantic IDs or classes if helpful.
- Default size should be square (512x512) unless aspect ratio suggests otherwise.
${dimensions ? ` with dimensions ${dimensions}` : ''}`;
根据设计系统选择风格：
使用 -placeholder.svg 后缀：
hero-illustration-placeholder.svg - 首页主图product-icon-placeholder.svg - 产品图标background-pattern-placeholder.svg - 背景图案character-avatar-placeholder.svg - 角色头像feature-icon-placeholder.svg - 功能图标# SVG Art: [描述]
## 文件名建议
`[描述]-placeholder.svg`
## SVG代码
[原始SVG代码，不使用markdown代码块包装]
## 使用说明
- 此SVG仅用于原型阶段占位符
- 生产环境必须替换为真实图片或设计系统资源
- 维护在 `_assets/SVG_PLACEHOLDERS.md` 替换清单中
维护 _assets/SVG_PLACEHOLDERS.md 清单：
# SVG Art占位符替换清单
| 文件名 | 用途 | 替换为 | 状态 |
|--------|------|--------|------|
| hero-illustration-placeholder.svg | 首页主图 | 设计稿/真实图片 | 待替换 |
| product-icon-placeholder.svg | 产品图标 | SVG图标库 | 待替换 |