スキル building-native-ui

📦

building-native-ui

Name: building-native-ui
Author: expo

v1.0.0 コンテンツリビジョン r1 安全 ⚙️ 外部コマンド🌐 ネットワークアクセス⚡ スクリプトを含む📁 ファイルシステムへのアクセス🔑 環境変数

ネイティブな Expo アプリインターフェイスを構築する

Expo アプリでは、ネイティブらしいナビゲーション、コントロール、メディア、視覚的な仕上げが必要になることがよくあります。この skill は、Codex と Claude に Expo Router UI 作業の実践的なパターンを提供します。

対応: Claude Codex Code(CC)

🥉 78 ブロンズ

自分のエージェントでインストール

このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。

エージェントリクエスト

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.

エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。

エージェントが読めるリソース

AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。

Markdown詳細 GET /skills/expo-building-native-ui.md 署名済み manifest GET /api/skills/expo-building-native-ui/manifest 署名済み lockfile GET /api/skills/expo-building-native-ui/lockfile

テストする

「building-native-ui」を使用しています。タブと検索を備えたネイティブらしいイベントアプリのレイアウトを作成してください。

期待される結果:

events と search 用の native tabs を含むルートプラン。
イベント詳細とモーダルフォーム向けの stack screen 推奨事項。
セーフエリア、選択可能なテキスト、SF Symbols、検索動作に関する UI ガイダンス。

「building-native-ui」を使用しています。 Expo アプリのカメラ画面を改善してください。

期待される結果:

明確な空状態を備えた、権限を考慮したカメラフロー。
撮影、ギャラリー、フラッシュ、カメラ切り替えのためのネイティブスタイルのコントロール。
ハプティクス、セーフエリアの余白、メディアライブラリ権限のタイミングに関する推奨事項。

「building-native-ui」を使用しています。設定とイベント向けに軽量なローカルデータレイヤーを追加してください。

期待される結果:

設定、複雑なクエリ、機密値に対応するストレージ選択マトリクス。
アプリ設定向けのリアクティブな preference パターン。
構造化されたイベントデータとパラメータ化クエリに関する SQLite ガイダンス。

セキュリティ監査

安全

v5 • 2026/7/6 バージョン別レポートを開く

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.

スキャンされたファイル

3,329

解析済み行数

レビュー項目

誤検知を無視

リスク要因

⚙️ 外部コマンド (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

🌐 ネットワークアクセス (2)

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

⚡ スクリプトを含む (1)

references/webgpu-three.md:286

📁 ファイルシステムへのアクセス (1)

SKILL.md:268

🔑 環境変数 (2)

SKILL.md:81 SKILL.md:81

最新の完了済み静的・セマンティック監査では、確認済みのセキュリティ検出事項は見つかりませんでした。これは、スキルに副作用がないことを証明するものではありません。

監査者: codex 監査履歴を表示 →

このレポートを共有・引用

バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。

バージョン別レポートを開く

レポートリンクをコピー

https://skillstore.io/skills/expo-building-native-ui/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

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)

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>

埋め込みカード

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

学術引用 (APA · BibTeX · CFF)

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

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"

Skillstore スコア

このスコアの理由証拠の信頼度: 高

アーキテクチャ

100

保守性

コンテンツ

コミュニティ

仕様準拠

作成できるもの

Expo Router アプリシェルを作成する

ルート、スタック、タブ、モーダル、共有グループのガイダンスを使用して、最初の画面からモバイルアプリを構造化します。

React Native UI をアップグレードする

汎用的なコントロールを、Expo ナビゲーション、native tabs、SF Symbols、ブラー効果、フォームシートに置き換えます。

メディアと視覚体験をプロトタイプする

より豊かなアプリ操作のために、カメラ、オーディオ、ビデオ、アニメーション、グラデーション、WebGPU、Three.js のリファレンスを使用します。

これらのプロンプトを試す

ネイティブな Expo 画面を開始する

building-native-ui skill を使用して、Expo Router settings screen を作成してください。ネイティブコントロール、セーフエリア、スタイリングのガイダンスに従ってください。

タブとスタックを設計する

building-native-ui skill を使用して、native tabs、search tab、detail pages 用の stack screens を備えた Expo Router レイアウトを設計してください。

モーションとメディアを追加する

building-native-ui skill を使用して、明確な権限処理を備えた Expo アプリに Reanimated transitions、camera capture、media saving を追加してください。

アプリ UI を監査してリファクタリングする

building-native-ui skill を使用して、私の Expo Router アプリをレビューし、routes、tabs、storage、effects、platform APIs に関する変更を提案してください。

ベストプラクティス

まず Expo Go から始め、native modules や platform targets が必要な場合にのみ custom builds を使用します。
ルートファイルは app ディレクトリに置き、共有コンポーネント、ユーティリティ、型はその外へ移動します。
汎用的な web API やレガシーな React Native API を追加する前に、ネイティブな Expo ライブラリとプラットフォーム規約を使用します。

回避

Expo Router app ディレクトリ内に components、types、utilities を同居させないでください。
React Native AsyncStorage、WebView、Picker、expo-av など、削除済みまたはレガシーのモジュールを使用しないでください。
SecureStore が想定される選択肢である場合、tokens や passwords を localStorage や SQLite に保存しないでください。