frontend-developer
Build and Improve Frontend Applications
Frontend projects require coordinated setup, components, data flow, testing, and optimization. This skill provides practical workflows and templates for completing that work.
التثبيت باستخدام Agent لدي
انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.
Review the Skillstore skill "frontend-developer" from https://skillstore.io/skills/zl2023github-frontend-developer.md and its manifest at https://skillstore.io/api/skills/zl2023github-frontend-developer/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.
موارد مهيّأة لـ Agents
استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.
اختبرها
جارٍ استخدام "frontend-developer". Build a responsive account settings page in React.
النتيجة المتوقعة:
A typed page structure with reusable form controls, responsive states, validation behavior, accessibility details, and focused component tests.
جارٍ استخدام "frontend-developer". Connect a Vue user list to a REST endpoint.
النتيجة المتوقعة:
A typed service layer and list view with caching, loading feedback, empty results, request errors, and refresh behavior.
جارٍ استخدام "frontend-developer". Reduce slow dashboard rendering.
النتيجة المتوقعة:
A measured diagnosis covering rerenders, bundle weight, network activity, and images, followed by focused changes and repeatable verification results.
التدقيق الأمني
مخاطر متوسطةMost static alerts mistake Markdown fences, inline identifiers, and TypeScript template literals for shell execution. The network, path, and environment examples are normal frontend patterns. One semantic issue remains: the authentication examples persist bearer tokens in browser storage, where injected scripts could read them.
مخاوف أمنية مؤكدة (1)
عوامل الخطر
⚙️ الأوامر الخارجية (29)
🌐 الوصول إلى الشبكة (5)
📁 الوصول إلى نظام الملفات (3)
شارك واستشهد بهذا التقرير
شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.
نسخ رابط التقرير
https://skillstore.io/skills/zl2023github-frontend-developer/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportشارة Markdown
[](https://skillstore.io/skills/zl2023github-frontend-developer?utm_source=security_passport_badge)شارة HTML
<a href="https://skillstore.io/skills/zl2023github-frontend-developer?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/zl2023github-frontend-developer/security.svg" alt="Skillstore security assessment" loading="lazy"></a>بطاقة قابلة للتضمين
<iframe src="https://skillstore.io/embed/skills/zl2023github-frontend-developer.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
zl2023github. (2026). frontend-developer security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/zl2023github-frontend-developer/audits/4اقتباس BibTeX
@techreport{zl2023github-zl2023github-frontend-developer-2026,
author = {zl2023github},
title = {frontend-developer security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/zl2023github-frontend-developer/audits/4},
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: "frontend-developer security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
- name: "zl2023github"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/zl2023github-frontend-developer/audits/4"
identifiers:
- type: other
value: "skillstore:zl2023github-frontend-developer:audit:4"
description: "Skillstore immutable audit report identifier"
مقارنة المتغيرات
2 متغيرات قابلة للتثبيتتبقى مهارة كل مؤلف عنصراً مستقلاً قابلاً للتثبيت. يُرتب المتغير الموصى به وفق أدلة Skillstore.
سبب تصدر هذا المتغير
sickn33-frontend-developer
2026-09-09
zl2023github-frontend-developer
2026-09-09
تقييم Skillstore
سبب هذا التقييم موثوقية الأدلة: متوسطما الذي يمكنك بناؤه
Launch a Product Interface
Create a typed frontend foundation, responsive pages, state management, API integration, and tests from an approved product specification.
Expand a Component Library
Implement reusable components with documented properties, interaction states, responsive behavior, accessibility support, and focused tests.
Complete Full-Stack Features
Connect existing backend endpoints to frontend views with typed models, loading states, error handling, caching, and validation.
جرّب هذه الموجّهات
Create a responsive [component] in [framework]. Define typed properties and include loading, empty, error, disabled, and mobile states.
Connect [page or component] to [API endpoint]. Add typed request models, caching, loading feedback, error handling, and focused tests.
Investigate [bug and reproduction steps] in this repository. Identify the root cause, implement a focused fix, and add regression coverage.
Implement [feature] using the existing architecture. Verify responsiveness, accessibility, security, performance, type safety, tests, linting, and the production build.
أفضل الممارسات
- Provide the repository structure, framework versions, design constraints, and acceptance criteria before implementation.
- Review proposed dependencies and commands before execution, especially packages fetched from external registries.
- Require tests, linting, type checks, and a production build before accepting changes.
تجنب
- Do not request broad rewrites when a focused component or configuration change solves the problem.
- Do not expose credentials in frontend variables, browser storage, source code, or generated examples.
- Do not accept visual implementation without responsive, accessibility, loading, empty, and error-state checks.
الأسئلة المتكررة
Which frontend frameworks does this skill cover?
Can it start a new frontend project?
Can it work in an existing repository?
Does it include testing support?
Will it execute package installation commands?
Does it guarantee secure authentication?
تفاصيل المطور
المؤلف
zl2023githubالترخيص
MIT
مراجعة Skillstore
r2
تنبيه الإصدار
لم يعلن المؤلف عن إصدار.
مرجع
88a8e9a07f4c54ab105c1c41b6267c287146b07b
حداثة الصيانة
٢٦/٧/٢٠٢٦
الاستخدام
2 تنزيلات · 0 مشاهدات
بنية الملفات
📄 SKILL.md