المهارات appllama-app-design-skill

📦

appllama-app-design-skill

Name: appllama-app-design-skill
Author: appllama

v1.3.0 مراجعة المحتوى r1 آمن 📁 الوصول إلى نظام الملفات⚙️ الأوامر الخارجية🔑 متغيرات البيئة

Build Native Mobile Interfaces

Mobile interfaces often feel inconsistent when controls, navigation, motion, and loading states are designed separately. This skill provides one practical Expo and React Native workflow.

يدعم: Claude Codex Code(CC)

🥉 78 برونزي

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

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

طلب الوكيل

Review the Skillstore skill "appllama-app-design-skill" from https://skillstore.io/skills/appllama-appllama-app-design-skill.md and its manifest at https://skillstore.io/api/skills/appllama-appllama-app-design-skill/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

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

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

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

تفاصيل Markdown GET /skills/appllama-appllama-app-design-skill.md manifest موقَّع GET /api/skills/appllama-appllama-app-design-skill/manifest lockfile موقَّع GET /api/skills/appllama-appllama-app-design-skill/lockfile

اختبرها

جارٍ استخدام "appllama-app-design-skill". Design a subscription paywall that opens from a premium feature.

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

Present the paywall as a dismissible modal over the premium feature.
Keep purchase restoration and pricing visible without hiding the close action.
After purchase, dismiss to the original feature and show its unlocked state.

جارٍ استخدام "appllama-app-design-skill". Review a search screen that stutters while typing.

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

Measure commit counts and input latency before changing memoization.
Keep fast-changing text outside broad shared state.
Virtualize growing results and verify visible echo remains below 50 milliseconds.

جارٍ استخدام "appllama-app-design-skill". Plan final verification for an onboarding flow.

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

Record the complete flow in light and dark themes.
Test completion as a one-way navigation transition.
Check keyboard movement, Reduce Motion, long text, safe areas, and back behavior.

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

آمن

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

All 61 static findings are false positives caused by Markdown code spans or benign mobile design terminology. The reviewed files contain no prompt injection, credential access, unsafe command construction, or malicious intent.

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

792

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

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

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

عوامل الخطر

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

references/performance.md:46

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

🔑 متغيرات البيئة (2)

SKILL.md:46 SKILL.md:46

لم يكتشف أحدث تدقيق ثابت ودلالي مكتمل أي نتائج أمنية مؤكدة. ولا يثبت ذلك أن المهارة خالية من الآثار الجانبية.

دقّقه: codex

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

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

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

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

https://skillstore.io/skills/appllama-appllama-app-design-skill/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

شارة Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/appllama-appllama-app-design-skill/security.svg)](https://skillstore.io/skills/appllama-appllama-app-design-skill?utm_source=security_passport_badge)

شارة HTML

<a href="https://skillstore.io/skills/appllama-appllama-app-design-skill?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/appllama-appllama-app-design-skill/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

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

<iframe src="https://skillstore.io/embed/skills/appllama-appllama-app-design-skill.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

appllama. (2026). appllama-app-design-skill security audit report (audit version 1) [Author version 1.3.0]. Skillstore. https://skillstore.io/skills/appllama-appllama-app-design-skill/audits/1

اقتباس BibTeX

@techreport{appllama-appllama-appllama-app-design-skill-2026,
  author = {appllama},
  title = {appllama-app-design-skill security audit report (audit version 1)},
  institution = {Skillstore},
  year = {2026},
  number = {1},
  url = {https://skillstore.io/skills/appllama-appllama-app-design-skill/audits/1},
  note = {Author version 1.3.0}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "appllama-app-design-skill security audit report (audit version 1)"
version: "1.3.0"
type: report
authors:
  - name: "appllama"
date-released: "2026-09-08"
url: "https://skillstore.io/skills/appllama-appllama-app-design-skill/audits/1"
identifiers:
  - type: other
    value: "skillstore:appllama-appllama-app-design-skill:audit:1"
    description: "Skillstore immutable audit report identifier"

تقييم Skillstore

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

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

100

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

المحتوى

المجتمع

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

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

Design a New Mobile Flow

Create onboarding, checkout, settings, or subscription screens with suitable controls, navigation, states, and motion.

Implement a Native Screen

Translate product requirements into an Expo screen that follows iOS and Android interaction conventions.

Audit Interface Quality

Review an existing flow for navigation errors, inconsistent styling, accessibility gaps, motion problems, and performance risks.

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

Design One Screen

Design a [screen type] for my [app category]. Include hierarchy, native controls, primary action, empty state, and light and dark themes.

Build a Complete Flow

Implement a [flow name] in Expo Router. Define every route, transition, back behavior, loading state, error state, and completion path.

Polish Motion and Performance

Review this React Native interaction for motion and performance. Identify measurable problems, recommend Reanimated patterns, and define simulator verification steps.

Audit a Production Experience

Audit the attached mobile flow against native controls, navigation semantics, accessibility, visual consistency, state architecture, motion, and release-build performance. Prioritize actionable findings.

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

Study several successful reference screens, then reuse patterns without copying branded pixels.
Measure performance before optimizing and repeat the same measurement after each change.
Verify complete flows in simulators, including motion, themes, accessibility settings, long content, and failure states.

تجنب

Do not replace native controls with visually similar custom components without a product requirement.
Do not use decorative gradients, mixed icon families, arbitrary radii, or inconsistent action labels by default.
Do not approve screens from static code review without running and recording the complete interaction.