angular-component
بناء مكوّنات Angular حديثة
يمكن أن ينحرف عمل مكوّنات Angular نحو أنماط قديمة عبر inputs وoutputs والقوالب وإمكانية الوصول. ترشد هذه المهارة Claude وCodex وClaude Code نحو مكوّنات Angular v20+ standalone حديثة.
التثبيت باستخدام Agent لدي
انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.
Review the Skillstore skill "angular-component" from https://skillstore.io/skills/analogjs-angular-component.md and its manifest at https://skillstore.io/api/skills/analogjs-angular-component/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.
موارد مهيّأة لـ Agents
استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.
اختبرها
جارٍ استخدام "angular-component". أنشئ بطاقة ملف شخصي تتضمن اسما وبريدا إلكترونيا وصورة رمزية وحدثا محددا.
النتيجة المتوقعة:
تعيد المهارة خطة مكوّن Angular standalone تتضمن signal inputs وsignal output وhost bindings وملاحظات إمكانية الوصول.
جارٍ استخدام "angular-component". أعد هيكلة مكوّن قديم يستخدم decorator inputs وstructural directives.
النتيجة المتوقعة:
تصف المهارة inputs المحدّثة القائمة على signals وnative control flow مع الحفاظ على سلوك المكوّن الأصلي.
جارٍ استخدام "angular-component". ابن عنصرا قابلا لإعادة الاستخدام لنظام تصميم.
النتيجة المتوقعة:
توضح المهارة نمط switch قابل للوصول مع حالة ARIA ودعم لوحة المفاتيح وحدث واضح لتغيير checked.
التدقيق الأمني
آمنAll 48 static findings are false positives caused by Markdown backticks, Angular template literals, a CSS selector, and an in-memory array filter. The placeholder URL is not requested, and no command execution, reconnaissance, exfiltration, or prompt injection is present.
عوامل الخطر
⚙️ الأوامر الخارجية (45)
🌐 الوصول إلى الشبكة (1)
شارك واستشهد بهذا التقرير
شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.
نسخ رابط التقرير
https://skillstore.io/skills/analogjs-angular-component/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportشارة Markdown
[](https://skillstore.io/skills/analogjs-angular-component?utm_source=security_passport_badge)شارة HTML
<a href="https://skillstore.io/skills/analogjs-angular-component?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/analogjs-angular-component/security.svg" alt="Skillstore security assessment" loading="lazy"></a>بطاقة قابلة للتضمين
<iframe src="https://skillstore.io/embed/skills/analogjs-angular-component.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
analogjs. (2026). angular-component security audit report (audit version 5) [Author version unspecified]. Skillstore. https://skillstore.io/skills/analogjs-angular-component/audits/5اقتباس BibTeX
@techreport{analogjs-analogjs-angular-component-2026,
author = {analogjs},
title = {angular-component security audit report (audit version 5)},
institution = {Skillstore},
year = {2026},
number = {5},
url = {https://skillstore.io/skills/analogjs-angular-component/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: "angular-component security audit report (audit version 5)"
version: "unspecified"
type: report
authors:
- name: "analogjs"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/analogjs-angular-component/audits/5"
identifiers:
- type: other
value: "skillstore:analogjs-angular-component:audit:5"
description: "Skillstore immutable audit report identifier"
تقييم Skillstore
سبب هذا التقييم موثوقية الأدلة: مرتفعما الذي يمكنك بناؤه
إنشاء مكوّن جديد
إنشاء مكوّن Angular standalone مع signal inputs وoutputs وhost bindings وبنية قالب.
تحديث المكوّنات الحالية
إعادة هيكلة أنماط input وoutput والقوالب القديمة إلى أنماط Angular الحالية القائمة على signals.
بناء عناصر تحكم قابلة للوصول
تصميم مكوّنات تفاعلية باستخدام سمات ARIA وسلوك لوحة المفاتيح ومتطلبات التركيز المرئي.
جرّب هذه الموجّهات
أنشئ مكوّن بطاقة مستخدم Angular v20+ standalone. استخدم signal inputs واكتشاف التغييرات OnPush وقالبا بسيطا قابلا للوصول.
أعد هيكلة مكوّن Angular هذا لاستخدام signal inputs وoutputs. حافظ على السلوك واشرح أي تغييرات في القالب.
أنشئ مكوّن تبديل قابل للوصول لـ Angular v20+. ضمّن حالة ARIA ومعالجة لوحة المفاتيح وhost bindings وsignal outputs.
صمّم مكوّن ويدجت لوحة معلومات باستخدام إسقاط المحتوى وview queries وnative control flow وأنماط تواصل واضحة بين المكوّنات.
أفضل الممارسات
- استخدم signal inputs وoutputs لواجهات API حديثة لمكوّنات Angular.
- استخدم host object الخاص بالمكوّن للفئات والسمات والأنماط والأحداث.
- ضمّن سمات ARIA والتنقل بلوحة المفاتيح وحالات تركيز مرئية.
تجنب
- إضافة standalone true إلى مكوّنات Angular v20+ standalone.
- استخدام structural directives قديمة عندما يناسب native control flow.
- استخدام مساعدين عامين للفئات أو الأنماط عندما تكون الروابط المباشرة أوضح.
الأسئلة المتكررة
ما إصدار Angular الذي تستهدفه هذه المهارة؟
هل تنشئ تطبيقات Angular كاملة؟
هل يمكنها المساعدة في إعادة هيكلة المكوّنات الأقدم؟
هل تتضمن إرشادات لإمكانية الوصول؟
هل تشغّل أوامر أو تثبّت حزم؟
ما الأدوات التي يمكنها استخدام هذه المهارة؟
تفاصيل المطور
المؤلف
analogjsالترخيص
MIT
مراجعة Skillstore
r2
تنبيه الإصدار
لم يعلن المؤلف عن إصدار.
مرجع
89edfdc710d0846129dcee6a929477b04f08052c
حداثة الصيانة
٢٤/٧/٢٠٢٦
الاستخدام
5 تنزيلات · 116 مشاهدات
بنية الملفات