Habilidades appllama-app-design-skill

📦

appllama-app-design-skill

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

v1.3.0 Revisión del contenido r1 Seguro 📁 Acceso al sistema de archivos⚙️ Comandos externos🔑 Variables de entorno

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.

Compatible con: Claude Codex Code(CC)

🥉 78 Bronce

Maintain this Skill? Claim it 🥉 78 Bronce

Instalar con mi Agente

Copia esta solicitud en tu Agente. Incluye la página canónica del Skill y el manifiesto.

Solicitud de agente

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.

Tu Agente debe seguir mostrando su plan y solicitar cualquier confirmación exigida por la política de seguridad.

Recursos legibles por agentes

Usa estos enlaces cuando un agente de IA, crawler o script necesite contexto limpio en vez de leer la página completa.

Detalle Markdown GET /skills/appllama-appllama-app-design-skill.md Manifest firmado GET /api/skills/appllama-appllama-app-design-skill/manifest Lockfile firmado GET /api/skills/appllama-appllama-app-design-skill/lockfile

Pruébalo

Usando "appllama-app-design-skill". Design a subscription paywall that opens from a premium feature.

Resultado esperado:

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.

Usando "appllama-app-design-skill". Review a search screen that stutters while typing.

Resultado esperado:

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.

Usando "appllama-app-design-skill". Plan final verification for an onboarding flow.

Resultado esperado:

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.

Auditoría de seguridad

Seguro

v1 • 8/9/2026 Abrir el informe versionado

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.

Archivos escaneados

792

Líneas analizadas

Elementos de revisión

Falsos positivos ignorados

Factores de riesgo

📁 Acceso al sistema de archivos (1)

references/performance.md:46

⚙️ Comandos externos (42)

🔑 Variables de entorno (2)

SKILL.md:46 SKILL.md:46

La auditoría estática y semántica completada más reciente no detectó hallazgos de seguridad confirmados. Esto no demuestra que el skill no tenga efectos secundarios.

Auditado por: codex

Compartir y citar este informe

Comparte el informe de evaluación versionado, la insignia neutral, la tarjeta insertable y las citas. Skillstore presenta evidencias sin decidir si este Skill es seguro.

Abrir el informe versionado

Copiar enlace del informe

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

Insignia 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)

Insignia 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>

Tarjeta para insertar

<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>

Citas académicas (APA · BibTeX · CFF)

Cita 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

Cita 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"

Puntuación de Skillstore

Por qué esta puntuación Confianza de la evidencia: Medio

Arquitectura

100

Mantenibilidad

Contenido

Comunidad

Cumplimiento de la especificación

Lo que puedes crear

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.

Prueba estos prompts

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.

Mejores prácticas

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.

Evitar

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.