Habilidades building-native-ui

📦

building-native-ui

Name: building-native-ui
Author: expo

v1.0.0 Revisión del contenido r1 Seguro ⚙️ Comandos externos🌐 Acceso a red⚡ Contiene scripts📁 Acceso al sistema de archivos🔑 Variables de entorno

Crear interfaces nativas para apps Expo

Las apps Expo a menudo necesitan navegación, controles, medios y pulido visual con sensación nativa. Esta habilidad proporciona a Codex y Claude patrones prácticos para trabajar en la UI de Expo Router.

Compatible con: Claude Codex Code(CC)

🥉 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 "building-native-ui" from https://skillstore.io/skills/expo-building-native-ui.md and its manifest at https://skillstore.io/api/skills/expo-building-native-ui/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/expo-building-native-ui.md Manifest firmado GET /api/skills/expo-building-native-ui/manifest Lockfile firmado GET /api/skills/expo-building-native-ui/lockfile

Pruébalo

Usando "building-native-ui". Crear un layout de app de eventos con sensación nativa, pestañas y búsqueda.

Resultado esperado:

Un plan de rutas con pestañas nativas para eventos y búsqueda.
Recomendaciones de pantallas de stack para detalles de eventos y formularios modales.
Guía de UI para áreas seguras, texto seleccionable, SF Symbols y comportamiento de búsqueda.

Usando "building-native-ui". Mejorar una pantalla de cámara en una app Expo.

Resultado esperado:

Un flujo de cámara consciente de permisos con estados vacíos claros.
Controles de estilo nativo para capturar, galería, flash y cambio de cámara.
Recomendaciones para háptica, espaciado de áreas seguras y momento adecuado para solicitar permisos de la biblioteca de medios.

Usando "building-native-ui". Añadir una capa ligera de datos locales para preferencias y eventos.

Resultado esperado:

Una matriz de elección de almacenamiento para preferencias, consultas complejas y valores sensibles.
Un patrón reactivo de preferencias para ajustes de la app.
Guía de SQLite para datos estructurados de eventos y consultas parametrizadas.

Auditoría de seguridad

Seguro

v5 • 6/7/2026 Abrir el informe versionado

Static analysis reported command, network, storage, filesystem, environment, and prompt-injection indicators, but review found documentation examples for Expo and React Native development. No prompt injection text, credential exfiltration, automatic command execution, malicious network request, or hidden payload behavior was found.

Archivos escaneados

3,329

Líneas analizadas

Elementos de revisión

Falsos positivos ignorados

Factores de riesgo

⚙️ Comandos externos (57)

references/gradients.md:59-61 references/media.md:184-198 references/storage.md:109-121 SKILL.md:30 SKILL.md:32 SKILL.md:38 SKILL.md:40 SKILL.md:41 SKILL.md:43 SKILL.md:49 SKILL.md:60 SKILL.md:67 SKILL.md:69 SKILL.md:77 SKILL.md:78 SKILL.md:79 SKILL.md:80 SKILL.md:81 SKILL.md:82 SKILL.md:83 SKILL.md:84 SKILL.md:89 SKILL.md:90 SKILL.md:92 SKILL.md:97 SKILL.md:98 SKILL.md:99 SKILL.md:100 SKILL.md:112 SKILL.md:116 SKILL.md:118 SKILL.md:123 SKILL.md:124 SKILL.md:128 SKILL.md:130-132 SKILL.md:132-140 SKILL.md:140-142 SKILL.md:142-152 SKILL.md:152-154 SKILL.md:154-158 SKILL.md:158-165 SKILL.md:165-167 SKILL.md:167-173 SKILL.md:173-205 SKILL.md:205-211 SKILL.md:211-220 SKILL.md:220-228 SKILL.md:228-230 SKILL.md:230-238 SKILL.md:238-248 SKILL.md:248-250 SKILL.md:250-256 SKILL.md:256-263 SKILL.md:263-265 SKILL.md:265-283 SKILL.md:283-287 SKILL.md:287-314

🌐 Acceso a red (2)

references/media.md:86 references/media.md:143

⚡ Contiene scripts (1)

references/webgpu-three.md:286

📁 Acceso al sistema de archivos (1)

SKILL.md:268

🔑 Variables de entorno (2)

SKILL.md:81 SKILL.md:81

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 Ver historial de auditorías →

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/expo-building-native-ui/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Insignia Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/expo-building-native-ui/security.svg)](https://skillstore.io/skills/expo-building-native-ui?utm_source=security_passport_badge)

Insignia HTML

<a href="https://skillstore.io/skills/expo-building-native-ui?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/expo-building-native-ui/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Tarjeta para insertar

<iframe src="https://skillstore.io/embed/skills/expo-building-native-ui.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

expo. (2026). building-native-ui security audit report (audit version 5) [Author version 1.0.0]. Skillstore. https://skillstore.io/skills/expo-building-native-ui/audits/5

Cita BibTeX

@techreport{expo-expo-building-native-ui-2026,
  author = {expo},
  title = {building-native-ui security audit report (audit version 5)},
  institution = {Skillstore},
  year = {2026},
  number = {5},
  url = {https://skillstore.io/skills/expo-building-native-ui/audits/5},
  note = {Author version 1.0.0}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "building-native-ui security audit report (audit version 5)"
version: "1.0.0"
type: report
authors:
  - name: "expo"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/expo-building-native-ui/audits/5"
identifiers:
  - type: other
    value: "skillstore:expo-building-native-ui:audit:5"
    description: "Skillstore immutable audit report identifier"

Puntuación de Skillstore

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

Arquitectura

100

Mantenibilidad

Contenido

Comunidad

Cumplimiento de la especificación

Lo que puedes crear

Crear una estructura base de app con Expo Router

Usa la guía de rutas, stack, pestañas, modales y grupos compartidos para estructurar una app móvil desde la primera pantalla.

Mejorar una UI de React Native

Reemplaza controles genéricos con navegación Expo, pestañas nativas, SF Symbols, efectos de blur y hojas de formulario.

Prototipar experiencias visuales y de medios

Usa referencias de cámara, audio, video, animación, gradientes, WebGPU y Three.js para interacciones más ricas en la app.

Prueba estos prompts

Iniciar una pantalla Expo nativa

Usa la habilidad building-native-ui para crear una pantalla de ajustes de Expo Router. Sigue la guía de controles nativos, áreas seguras y estilos.

Diseñar pestañas y stacks

Usa la habilidad building-native-ui para diseñar un layout de Expo Router con pestañas nativas, una pestaña de búsqueda y pantallas de stack para páginas de detalle.

Añadir movimiento y medios

Usa la habilidad building-native-ui para añadir transiciones de Reanimated, captura de cámara y guardado de medios a una app Expo con permisos claros.

Auditar y refactorizar la UI de la app

Usa la habilidad building-native-ui para revisar mi app de Expo Router y proponer cambios para rutas, pestañas, almacenamiento, efectos y APIs de plataforma.

Mejores prácticas

Empieza con Expo Go y luego usa compilaciones personalizadas solo cuando los módulos nativos o los objetivos de plataforma lo requieran.
Mantén los archivos de rutas en el directorio app y mueve los componentes compartidos, utilidades y tipos fuera de él.
Usa bibliotecas nativas de Expo y convenciones de plataforma antes de añadir APIs genéricas web o heredadas de React Native.

Evitar

No coloques componentes, tipos ni utilidades dentro del directorio app de Expo Router.
No uses módulos eliminados o heredados como React Native AsyncStorage, WebView, Picker o expo-av.
No guardes tokens ni contraseñas en localStorage o SQLite cuando SecureStore sea la opción prevista.

Preguntas frecuentes

¿Esta habilidad genera una app Expo completa?

No. Proporciona orientación y ejemplos que Codex, Claude o Claude Code pueden aplicar dentro de tu proyecto.

¿Puede ayudar con la navegación de Expo Router?

Sí. Cubre archivos de rutas, stacks, pestañas nativas, grupos compartidos, modales, rutas de búsqueda y segmentos dinámicos.

¿Soporta patrones de interfaz específicos de iOS?

Sí. Incluye SF Symbols, pestañas nativas, hojas de formulario, efectos de blur, efectos de vidrio y controles de estilo Apple.

¿Puedo usarla para funciones de medios?

Sí. Incluye ejemplos para acceso a la cámara, selección de imágenes, reproducción de audio, grabación de audio, reproducción de video y guardado de medios.

¿Aborda el almacenamiento de datos?

Sí. Explica opciones de localStorage, SQLite y SecureStore para preferencias, conjuntos de datos más grandes y valores sensibles.

¿Qué debo revisar antes de usarla en producción?

Revisa permisos, accesibilidad, soporte de plataformas, almacenamiento seguro, reglas de tiendas de apps y compatibilidad de dependencias para tu Expo SDK.