📦

artifacts-builder

Name: artifacts-builder
Author: Cam10001110101

مراجعة المحتوى r1 مخاطر متوسطة ⚙️ الأوامر الخارجية⚡ يحتوي على سكربتات🌐 الوصول إلى الشبكة📁 الوصول إلى نظام الملفات

إنشاء Claude Artifacts متقدمة

قد يكون تجميع Claude artifacts المعقدة كملف HTML واحد قابل للمشاركة أمرًا صعبًا. تقوم هذه المهارة بإنشاء هيكل مشروع React وTailwind CSS وshadcn/ui، ثم تحزمه لاستخدامه في محادثات Claude.

يدعم: Claude Codex Code(CC)

📊 66 كافٍ

توقف واطلب التأكيد قبل التثبيت.

راجع الخطة واحصل على موافقة صريحة من المستخدم قبل تغيير الملفات.

التثبيت باستخدام Agent لدي

انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.

طلب الوكيل

Review the Skillstore skill "artifacts-builder" from https://skillstore.io/skills/cam10001110101-artifacts-builder.md and its manifest at https://skillstore.io/api/skills/cam10001110101-artifacts-builder/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.

يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.

موارد مهيّأة لـ Agents

استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.

تفاصيل Markdown GET /skills/cam10001110101-artifacts-builder.md manifest موقَّع GET /api/skills/cam10001110101-artifacts-builder/manifest lockfile موقَّع GET /api/skills/cam10001110101-artifacts-builder/lockfile

اختبرها

جارٍ استخدام "artifacts-builder". أنشئ مشروع React artifact للوحة معلومات مبيعات.

النتيجة المتوقعة:

يتم إنشاء مجلد مشروع جديد يحتوي على React وTypeScript وTailwind CSS ومكونات shadcn/ui واختصارات مسارات مضبوطة.

جارٍ استخدام "artifacts-builder". احزم هذا artifact حتى أتمكن من مشاركته في Claude.

النتيجة المتوقعة:

يتم إنتاج ملف bundle.html واحد يحتوي على كود التطبيق والأنماط والأصول مضمّنة لمشاركة artifact.

جارٍ استخدام "artifacts-builder". استخدم shadcn/ui لجعل artifact يبدو أكثر اكتمالًا.

النتيجة المتوقعة:

تتوفر مكونات البطاقات والتبويبات والأزرار ومربعات الحوار والنماذج والتنقل.
يمكن للـ artifact استخدام متغيرات سمة Tailwind ومكونات واجهة قابلة لإعادة الاستخدام.

التدقيق الأمني

مخاطر متوسطة

v10 • ٩‏/٧‏/٢٠٢٦ فتح التقرير المرتبط بالإصدار

Most static findings are false positives from Markdown formatting, safe shell diagnostics, or fixed local config-file edits. The meaningful risks are that the skill executes shell scripts, installs third-party npm packages, and includes a component tarball that static analysis could not inspect fully.

الملفات التي تم فحصها

653

الأسطر التي تم تحليلها

عناصر المراجعة

تم تجاهل الإيجابيات الكاذبة

مخاوف أمنية مؤكدة (1)

متوسط

scripts/init-artifact.sh:34-36 scripts/init-artifact.sh:58-79 scripts/init-artifact.sh:270-273 scripts/bundle-artifact.sh:19-21

Installs Third-Party Packages During Setup

The initialization and bundling scripts install many npm packages, including global pnpm installation when pnpm is missing. This is legitimate scaffolding behavior but creates supply-chain and environment-change risk for users who run the scripts.

The scripts explicitly run npm and pnpm installation commands. This is not malicious by itself, but it changes the user environment and depends on registry packages.

عناصر مراجعة القدرات (2)

هذه قدرات محلية حقيقية قد يُتوقع وجودها لهذه المهارة، لذا فهي تتطلب مراجعة ولكن لا تُحتسب كسلوك خبيث مؤكد.

متوسط

scripts/bundle-artifact.sh:1

Unix shell invocation

#!/bin/bash

The file is an executable shell script that installs dependencies, removes build outputs, and runs build tooling. This is legitimate for the skill but still requires user trust before execution.

متوسط

scripts/init-artifact.sh:1

Unix shell invocation

#!/bin/bash

The file is an executable shell script that creates projects, installs npm packages, modifies files, and extracts an archive. These actions are intended but require explicit user trust.

عوامل الخطر

⚙️ الأوامر الخارجية (15)

scripts/bundle-artifact.sh:47 scripts/bundle-artifact.sh:1 scripts/init-artifact.sh:7 scripts/init-artifact.sh:13 scripts/init-artifact.sh:46 scripts/init-artifact.sh:1 SKILL.md:10 SKILL.md:12 SKILL.md:27-30 SKILL.md:30-35 SKILL.md:35-48 SKILL.md:48-50 SKILL.md:50-52 SKILL.md:52-54 SKILL.md:54-58

⚡ يحتوي على سكربتات (1)

scripts/init-artifact.sh:93

🌐 الوصول إلى الشبكة (2)

scripts/init-artifact.sh:283 SKILL.md:74

📁 الوصول إلى نظام الملفات (9)

scripts/init-artifact.sh:230 scripts/init-artifact.sh:234 scripts/init-artifact.sh:242 scripts/init-artifact.sh:250 scripts/init-artifact.sh:230 scripts/init-artifact.sh:234 scripts/init-artifact.sh:242 scripts/init-artifact.sh:250 scripts/init-artifact.sh:34

دقّقه: claude عرض سجل التدقيق →

شارك واستشهد بهذا التقرير

شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.

فتح التقرير المرتبط بالإصدار

نسخ رابط التقرير

https://skillstore.io/skills/cam10001110101-artifacts-builder/audits/10?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

شارة Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/cam10001110101-artifacts-builder/security.svg)](https://skillstore.io/skills/cam10001110101-artifacts-builder?utm_source=security_passport_badge)

شارة HTML

<a href="https://skillstore.io/skills/cam10001110101-artifacts-builder?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/cam10001110101-artifacts-builder/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

بطاقة قابلة للتضمين

<iframe src="https://skillstore.io/embed/skills/cam10001110101-artifacts-builder.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

الاستشهادات الأكاديمية (APA · BibTeX · CFF)

اقتباس APA

Cam10001110101. (2026). artifacts-builder security audit report (audit version 10) [Author version unspecified]. Skillstore. https://skillstore.io/skills/cam10001110101-artifacts-builder/audits/10

اقتباس BibTeX

@techreport{cam10001110101-cam10001110101-artifacts-builder-2026,
  author = {Cam10001110101},
  title = {artifacts-builder security audit report (audit version 10)},
  institution = {Skillstore},
  year = {2026},
  number = {10},
  url = {https://skillstore.io/skills/cam10001110101-artifacts-builder/audits/10},
  note = {Author version unspecified}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "artifacts-builder security audit report (audit version 10)"
version: "unspecified"
type: report
authors:
  - name: "Cam10001110101"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/cam10001110101-artifacts-builder/audits/10"
identifiers:
  - type: other
    value: "skillstore:cam10001110101-artifacts-builder:audit:10"
    description: "Skillstore immutable audit report identifier"

مقارنة المتغيرات

5 متغيرات قابلة للتثبيت

تبقى مهارة كل مؤلف عنصراً مستقلاً قابلاً للتثبيت. يُرتب المتغير الموصى به وفق أدلة Skillstore.

سبب تصدر هذا المتغير

أعلى تقييم في Skillstore

المؤلف / المصدر تقييم Skillstore موثوقية الأدلة استخدام Skillstore تم التحديث

davila7 موصى به

davila7-artifacts-builder

تقييم Skillstore 67

موثوقية الأدلة مرتفع

استخدام Skillstore 7

تم التحديث

2026-09-09

Cam10001110101 الحالي

cam10001110101-artifacts-builder

تقييم Skillstore 66

موثوقية الأدلة متوسط

استخدام Skillstore 12

تم التحديث

2026-09-09

DYAI2025

dyai2025-artifacts-builder

تقييم Skillstore 50

موثوقية الأدلة متوسط

استخدام Skillstore 11

تم التحديث

2026-09-09

ComposioHQ

composiohq-artifacts-builder

تقييم Skillstore 50

موثوقية الأدلة متوسط

استخدام Skillstore 10

تم التحديث

2026-09-09

ArtemisAI

artemisai-artifacts-builder

تقييم Skillstore 38

موثوقية الأدلة متوسط

استخدام Skillstore 11

تم التحديث

2026-09-09

تقييم Skillstore

سبب هذا التقييم موثوقية الأدلة: متوسط

الهندسة المعمارية

قابلية الصيانة

المحتوى

المجتمع

الامتثال للمواصفات

ما الذي يمكنك بناؤه

نمذجة لوحات معلومات تفاعلية

أنشئ React artifact بمكونات واجهة قابلة لإعادة الاستخدام وحالة ومخططات، ثم حزمه للمراجعة في Claude.

إنشاء عروض داخلية مصقولة

ابدأ من إعداد Tailwind وshadcn/ui مضبوط بدلًا من كتابة هيكل المشروع يدويًا.

تجميع مفاهيم artifacts متعددة الشاشات

طوّر تدفقات artifacts أكثر ثراءً باستخدام بنية مكونات وأنماط توجيه قبل مشاركة مخرج HTML واحد.

جرّب هذه الموجّهات

إنشاء مشروع artifact جديد

استخدم artifacts-builder لإنشاء مشروع React artifact جديد باسم customer-dashboard. أبقِ الإعداد بسيطًا وأخبرني بالأمر التالي الذي يجب تشغيله.

إضافة واجهة مصقولة

استخدم مكونات shadcn/ui التي تم إنشاؤها لبناء لوحة تحليلات متجاوبة تحتوي على بطاقات وتبويبات ومرشحات وحالة فارغة.

الحزم للمشاركة

احزم artifact المكتمل في ملف HTML واحد ولخص ما يحتويه المخرج قبل أن أشاركه.

إنشاء عرض تفاعلي معقد

أنشئ product demo artifact متعدد الأقسام مع عناصر تحكم ذات حالة ومكونات قابلة لإعادة الاستخدام وتنسيق للوضع الداكن وحزمة HTML نهائية بملف واحد.

أفضل الممارسات

شغّل السكربتات في دليل مشروع نظيف أو مساحة عمل مؤقتة.
استخدم هذه المهارة للـ artifacts المعقدة ذات الحالة التي تستفيد من مكونات React.
راجع التبعيات المثبتة والملفات التي تم إنشاؤها قبل مشاركة artifact النهائي.