📦

web-artifacts-builder

Name: web-artifacts-builder
Author: ZhanlinCui

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

بناء Artifacts HTML باستخدام React

غالبا ما تحتاج Claude artifacts المعقدة إلى حالة، وتوجيه، ومكونات، وإعداد بناء قابل للتكرار. تقوم هذه المهارة بإنشاء هيكل مشروع React وتجميعه في HTML artifact واحد قابل للمشاركة.

يدعم: Claude Codex Code(CC)

⚠️ 38 ضعيف

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

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

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

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

طلب الوكيل

Review the Skillstore skill "web-artifacts-builder" from https://skillstore.io/skills/zhanlincui-web-artifacts-builder.md and its manifest at https://skillstore.io/api/skills/zhanlincui-web-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/zhanlincui-web-artifacts-builder.md manifest موقَّع GET /api/skills/zhanlincui-web-artifacts-builder/manifest lockfile موقَّع GET /api/skills/zhanlincui-web-artifacts-builder/lockfile

اختبرها

جارٍ استخدام "web-artifacts-builder". Build an interactive project tracker for Claude.

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

يتم إنشاء هيكل مشروع React، وتنسيقه باستخدام Tailwind CSS، وتجميعه كـ HTML artifact واحد.

جارٍ استخدام "web-artifacts-builder". Convert a component-heavy prototype into a shareable artifact.

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

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

جارٍ استخدام "web-artifacts-builder". Set up a polished settings panel with tabs and dialogs.

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

تستخدم النتيجة مكونات واجهة مستخدم مثبتة مسبقا ومشروع React منظما جاهزا للتجميع.

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

مخاطر عالية

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

Most static hits are false positives from Markdown code fences, safe command substitutions, local config edits, and documentation URLs. The meaningful risks are community shell scripts that install npm packages, modify project files, and delete local build outputs during bundling. No evidence found of prompt injection or data exfiltration intent.

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

451

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

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

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

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

مرتفع

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

Package Manager Installs Third-Party Code

The setup and bundle scripts install or add third-party packages, including a global pnpm install when pnpm is missing. This can run npm lifecycle scripts and pulls current package versions at execution time.

The cited lines directly invoke npm and pnpm package installation commands. This is legitimate setup behavior, but it executes third-party package code from the network.

متوسط

scripts/bundle-artifact.sh:34-36

Destructive Build Cleanup

The bundle script removes dist and bundle.html in the current project before building. The package and index checks reduce exposure, but the command can delete local build artifacts.

The rm -rf command is explicit and destructive, but it targets common generated outputs after project-root checks. This makes the issue real but bounded.

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

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

متوسط

scripts/bundle-artifact.sh:1

Unix shell invocation

#!/bin/bash

This is an executable bash script used by the skill. It installs bundling packages, removes build outputs, and runs local build commands, so it requires review before execution.

متوسط

scripts/init-artifact.sh:1

Unix shell invocation

#!/bin/bash

This is an executable setup script that installs packages and rewrites project files. The script is expected, but it is a real execution risk for a community skill.

عوامل الخطر

⚙️ الأوامر الخارجية (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

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

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

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

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

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

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

شارة Markdown

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

شارة HTML

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

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

<iframe src="https://skillstore.io/embed/skills/zhanlincui-web-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

ZhanlinCui. (2026). web-artifacts-builder security audit report (audit version 5) [Author version unspecified]. Skillstore. https://skillstore.io/skills/zhanlincui-web-artifacts-builder/audits/5

اقتباس BibTeX

@techreport{zhanlincui-zhanlincui-web-artifacts-builder-2026,
  author = {ZhanlinCui},
  title = {web-artifacts-builder security audit report (audit version 5)},
  institution = {Skillstore},
  year = {2026},
  number = {5},
  url = {https://skillstore.io/skills/zhanlincui-web-artifacts-builder/audits/5},
  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: "web-artifacts-builder security audit report (audit version 5)"
version: "unspecified"
type: report
authors:
  - name: "ZhanlinCui"
date-released: "2026-07-08"
url: "https://skillstore.io/skills/zhanlincui-web-artifacts-builder/audits/5"
identifiers:
  - type: other
    value: "skillstore:zhanlincui-web-artifacts-builder:audit:5"
    description: "Skillstore immutable audit report identifier"

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

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

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

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

استخدام أعلى في Skillstore

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

davila7 موصى به

davila7-web-artifacts-builder

تقييم Skillstore 67

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

استخدام Skillstore 9

تم التحديث

2026-09-09

Azeem-2

azeem-2-web-artifacts-builder

تقييم Skillstore 67

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

استخدام Skillstore 8

تم التحديث

2026-09-09

sickn33

sickn33-web-artifacts-builder

تقييم Skillstore 66

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

استخدام Skillstore 9

تم التحديث

2026-09-09

anthropics

web-artifacts-builder

تقييم Skillstore 50

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

استخدام Skillstore 45

تم التحديث

2026-09-09

ZhanlinCui الحالي

zhanlincui-web-artifacts-builder

تقييم Skillstore 38

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

استخدام Skillstore 78

تم التحديث

2026-09-09

تقييم Skillstore

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

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

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

المحتوى

المجتمع

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

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

إنشاء نموذج أولي للوحة معلومات

يمكن لفرق المنتج إنشاء لوحات معلومات تفاعلية باستخدام حالة React وعناصر تحكم shadcn/ui.

بناء تطبيق عرض توضيحي قابل لإعادة الاستخدام

يمكن للمطورين إنشاء هيكل واجهة أمامية مكتوبة ومشاركة النتيجة النهائية كـ HTML artifact واحد.

إعداد Claude artifact مصقول

يمكن لمساعدي الذكاء الاصطناعي إنشاء Claude artifacts معقدة تحتاج إلى مكتبات مكونات وتجميع.

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

إنشاء artifact أساسي

Use web-artifacts-builder to create a React artifact named task-board. Build a simple task board and bundle it as one HTML file.

إضافة عناصر تحكم shadcn

Create a settings panel artifact with tabs, switches, dialogs, and form inputs. Use the included shadcn/ui components.

تحسين سير عمل ذي حالة

Build a multi-step planning tool with saved local state, validation, and responsive layouts. Bundle the finished React artifact.

تغليف نموذج أولي معقد

Create a data-rich operations dashboard with filters, tables, charts, and modal details. Verify the interface, then produce the bundled HTML artifact.