스킬 generate-assets
🎨

generate-assets

낮은 위험 🔑 환경 변수🌐 네트워크 접근📁 파일 시스템 액세스

إنشاء صور AI لمكونات الويب

إنشاء الأصول البصرية للمواقع يستغرق وقتًا ومهارات تصميمية. تستخدم هذه المهارة AI FLUX 1.1 Pro لإنشاء أقسام رئيسية وصور ميزات ورسوم بيانية واجهة المستخدم مع تحسين تلقائي. يتم تحسين الصور بتنسيق WebP وحفظها مباشرة في مشروعك.

지원: Claude Codex Code(CC)
🥉 72 브론즈
1

스킬 ZIP 다운로드

2

Claude에서 업로드

설정 → 기능 → 스킬 → 스킬 업로드로 이동

3

토글을 켜고 사용 시작

테스트해 보기

"generate-assets" 사용 중입니다. إنشاء صورة رئيسية للوحة تحليلات حديثة

예상 결과:

  • تم تحسين الأمر مع عناصر واجهة المستخدم الحديثة والتدرجات اللونية
  • تم إنشاء صورة 1920x1080 باستخدام FLUX 1.1 Pro
  • تم الحفظ في: public/assets/images/hero-dashboard.webp
  • الاستخدام: <Image src="/assets/images/hero-dashboard.webp" alt="لوحة التحليلات" />

"generate-assets" 사용 중입니다. إنشاء صورة ميزة لتوليد محتوى AI

예상 결과:

  • تم تحسين الأمر بتأثيرات الزجاج الحديث
  • تم إنشاء صورة 1024x1024 باستخدام FLUX 1.1 Pro
  • تم الحفظ في: public/assets/images/feature-ai.webp
  • الاستخدام: <Image src="/assets/images/feature-ai.webp" alt="توليد محتوى AI" />

"generate-assets" 사용 중입니다. إنشاء نجوم زخرفية بخلفية شفافة

예상 결과:

  • تم إزالة الخلفية باستخدام نموذج bria/remove-background
  • تم إنشاء صورة شفافة 512x512
  • تم الحفظ في: public/assets/images/foreground/stars.webp
  • الاستخدام: <Image src="/assets/images/foreground/stars.webp" alt="نجوم زخرفية" />

보안 감사

낮은 위험
v5 • 1/16/2026

This is a legitimate image generation skill that makes targeted API calls to Replicate for FLUX 1.1 Pro image generation. The static analyzer flagged patterns (network + credentials + filesystem) that appear suspicious but are standard for API-based tools. Accesses REPLICATE_API_TOKEN for authentication only. Writes files only to public/assets/images directory. No data exfiltration or malicious behavior detected.

4
스캔된 파일
917
분석된 줄 수
3
발견 사항
5
총 감사 수

위험 요인

🔑 환경 변수 (1)
scripts/generate-asset.ts:7-8
🌐 네트워크 접근 (3)
scripts/generate-asset.ts:257-267 scripts/generate-asset.ts:298-304 scripts/generate-asset.ts:348-354
📁 파일 시스템 액세스 (2)
scripts/generate-asset.ts:141-144 scripts/generate-asset.ts:382-388
감사자: claude 감사 이력 보기 →

품질 점수

59
아키텍처
100
유지보수성
85
콘텐츠
21
커뮤니티
90
보안
83
사양 준수

만들 수 있는 것

مرئيات القسم الرئيسي

إنشاء صور رئيسية بعرض واسع لصفحات الهبوط من أوصاف نصية بسيطة

رسوم بيانية لعرض الميزات

إنشاء صور ميزات مربعة مع تنسيق تلقائي لواجهة المستخدم لصفحات المنتجات

أصول أمامية شفافة

إنشاء عناصر زخرفية بخلفيات شفافة للطبقات العلوية

이 프롬프트를 사용해 보세요

صورة رئيسية أساسية 
إنشاء صورة قسم رئيسي للوحة تحكم SaaS الحديثة تعرض مخططات التحليلات
بطاقة ميزة 
إنشاء صورة ميزة تعرض إنشاء محتوى مدعوم بواجهة نظيفة
أصل شفاف 
إنشاء أشكال عائمة زخرفية بخلفية شفافة لطبقة واجهة المستخدم
رسم بياني للتحول 
إنشاء رسم بياني للتحول يعرض تحسين المحتوى قبل وبعد

모범 사례

  • استخدم أوصافًا محددة للموضوعات في الأوامر للحصول على تفسير أفضل من AI
  • دع السكربت يحسن الأوامر تلقائيًا - فهو يضيف تنسيقًا احترافيًا تلقائيًا
  • طابق أبعاد الصور الموجودة عند استبدال الأصول للحفاظ على اتساق التخطيط

피하기

  • استخدام أوامر عامة جدًا مثل 'اجعله يبدو جيدًا' بدون موضوع محدد
  • طلب أنواع متعددة من الأصول في أمر واحد - أنشئ كل منها بشكل منفصل
  • نسيان تعيين REPLICATE_API_TOKEN قبل تشغيل المهارة

자주 묻는 질문

ما نماذج AI التي تستخدمها هذه المهارة؟
النموذج الأساسي هو FLUX 1.1 Pro من Replicate لتوليد الصور. يُستخدم نموذج bria/remove-background الاختياري للأصول الشفافة.
ما تنسيقات الصور المدعومة؟
الإخراج دائمًا بتنسيق WebP محسن لأداء الويب. تشمل نسب العرض المدعومة 1:1 و 16:9 و 4:3 و 9:16 و 21:9.
كيف أتكامل مع مشروعي؟
ثبت التبعيات باستخدام 'pnpm add replicate' و 'pnpm add sharp -D'.عيّن REPLICATE_API_TOKEN في ملف .env الخاص بك قبل الاستخدام.
هل يتم إرسال بياناتي إلى خوادم خارجية؟
يتم توليد الصور عبر Replicate API وتخزينها مؤقتًا على خوادمهم. يتم حفظ الأصول النهائية فقط في دليل عام لمشروعك.
لماذا يفشل التوليد لدي؟
الأسباب الشائعة: نقص REPLICATE_API_TOKEN، أو رصيد Replicate غير كافٍ، أو مشاكل الشبكة، أو أوامر تنتهك إرشادات المحتوى.
كيف يختلف هذا عن مولدات الصور الأخرى؟
تم تحسين هذه المهارة لمكونات الويب مع تحسين تلقائي للأوامر ومطابقة الأبعاد والإخراج المباشر للملفات في مشروعك.

개발자 세부 정보

라이선스

MIT

리포지토리

https://github.com/AayushBaniya2006/blinkfund/tree/main/.claude/skills/generate-assets

참조

main

파일 구조

📁 scripts/

📄 generate-asset.ts

📄 reference.md

📄 SKILL.md