Habilidades appllama-app-design-skill

📦

appllama-app-design-skill

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

v1.3.0 Revisão do conteúdo r1 Seguro 📁 Acesso ao sistema de arquivos⚙️ Comandos externos🔑 Variáveis de ambiente

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.

Suporta: Claude Codex Code(CC)

🥉 78 Bronze

Instalar com meu Agente

Copie esta solicitação para o seu Agente. Ela inclui a página canônica do Skill e o manifesto.

Solicitação do 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.

Seu Agente ainda deve apresentar o plano e solicitar qualquer confirmação exigida pela política de segurança.

Recursos legíveis por agentes

Use estes links quando um agente de IA, crawler ou script precisar de contexto limpo em vez de ler a página completa.

Detalhe em Markdown GET /skills/appllama-appllama-app-design-skill.md manifest assinado GET /api/skills/appllama-appllama-app-design-skill/manifest lockfile assinado GET /api/skills/appllama-appllama-app-design-skill/lockfile

Testar

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.

Auditoria de segurança

Seguro

v1 • 08/09/2026 Abrir o relatório 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.

Arquivos analisados

792

Linhas analisadas

Itens de revisão

Falsos positivos ignorados

Fatores de risco

📁 Acesso ao sistema de arquivos (1)

references/performance.md:46

⚙️ Comandos externos (42)

🔑 Variáveis de ambiente (2)

SKILL.md:46 SKILL.md:46

A auditoria estática e semântica concluída mais recente não detectou achados de segurança confirmados. Isso não comprova que a skill não tenha efeitos colaterais.

Auditado por: codex

Compartilhar e citar este relatório

Compartilhe o relatório de avaliação versionado, o badge neutro, o cartão incorporável e as citações. A Skillstore apresenta evidências sem decidir se este Skill é seguro.

Abrir o relatório versionado

Copiar link do relatório

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

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

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>

Cartão incorporável

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

Citações acadêmicas (APA · BibTeX · CFF)

Citação 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ção 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"

Pontuação do Skillstore

Por que esta pontuação Confiança das evidências: Médio

Arquitetura

100

Manutenibilidade

Conteúdo

Comunidade

Conformidade com a especificação

O que você pode criar

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.

Teste estes 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.

Boas práticas

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.