appllama-app-design-skill
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.
Mit meinem Agent installieren
Kopieren Sie diese Anfrage in Ihren Agent. Sie enthält die maßgebliche Skill-Seite und das 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.Ihr Agent sollte weiterhin seinen Plan anzeigen und alle von der Sicherheitsrichtlinie verlangten Bestätigungen anfordern.
Agent-lesbare Ressourcen
Verwenden Sie diese Links, wenn ein KI-Agent, Crawler oder Skript sauberen Kontext benötigt, statt die vollständige Seite zu lesen.
Testen
„appllama-app-design-skill“ wird verwendet. Design a subscription paywall that opens from a premium feature.
Erwartetes Ergebnis:
- 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“ wird verwendet. Review a search screen that stutters while typing.
Erwartetes Ergebnis:
- 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“ wird verwendet. Plan final verification for an onboarding flow.
Erwartetes Ergebnis:
- 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.
Sicherheitsaudit
SicherAll 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.
Risikofaktoren
📁 Dateisystemzugriff (1)
⚙️ Externe Befehle (42)
🔑 Umgebungsvariablen (2)
Diesen Bericht teilen & zitieren
Teile den versionierten Bewertungsbericht, das neutrale Badge, die Einbettungskarte und Zitate. Skillstore berichtet Nachweise, ohne zu entscheiden, ob dieser Skill sicher ist.
Berichtslink kopieren
https://skillstore.io/skills/appllama-appllama-app-design-skill/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown-Badge
[](https://skillstore.io/skills/appllama-appllama-app-design-skill?utm_source=security_passport_badge)HTML-Badge
<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>Einbettungskarte
<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>Wissenschaftliche Zitate (APA · BibTeX · CFF)
APA-Zitat
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/1BibTeX-Zitat
@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-Score
Warum dieser Score Evidenzvertrauen: MittelWas Sie erstellen können
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.
Diese Prompts ausprobieren
Design a [screen type] for my [app category]. Include hierarchy, native controls, primary action, empty state, and light and dark themes.
Implement a [flow name] in Expo Router. Define every route, transition, back behavior, loading state, error state, and completion path.
Review this React Native interaction for motion and performance. Identify measurable problems, recommend Reanimated patterns, and define simulator verification steps.
Audit the attached mobile flow against native controls, navigation semantics, accessibility, visual consistency, state architecture, motion, and release-build performance. Prioritize actionable findings.
Bewährte Praktiken
- 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.
Vermeiden
- 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.
Häufig gestellte Fragen
Which projects fit this skill?
Does it support both iOS and Android?
Does it generate production code?
Is Appllama MCP required?
How does it address accessibility?
How should performance recommendations be verified?
Entwicklerdetails
Autor
appllamaLizenz
MIT
Autorenversion
v1.3.0
Skillstore-Revision
r1
Ref.
d9e5ab86dafd32a1ddde9b8b4fde177589b55b95
Aktualität der Wartung
8.9.2026
Nutzung
0 Downloads · 0 Aufrufe
Dateistruktur