expo-ios-screen-scaffolder

expo-ios-screen-scaffolder is a skill for Claude Code, Codex from pproenca/dot-skills. It costs 145 tokens per session (1,097 once invoked), scanned A, original, MIT.

A screen generator for Expo apps, which use React Native to build mobile interfaces. It creates common iPhone screen layouts such as lists, forms, tabs, settings pages, and modal sheets using Apple’s interface guidelines.

In plain words
What is it for?
It is for scaffolding new Expo Router screens and layouts, including list, detail, form, settings, tab, and modal screens.
Why use it?
It gives new screens consistent iPhone navigation, spacing, colors, loading states, and accessibility details from the start. This avoids repeatedly fixing platform-specific interface problems by hand.

Skill for Claude CodeCodex

Written for no agent in particular: nothing here depends on one.

Good fit It is for scaffolding new Expo Router screens and layouts, including list, detail, form, settings, tab, and modal screens.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/pproenca/dot-skills/expo-ios-screen-scaffolder
Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent
npx skills add pproenca/dot-skills --skill expo-ios-screen-scaffolder
Clone the repo
git clone --depth 1 https://github.com/pproenca/dot-skills

Made for: Claude Code, Codex.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for expo-ios-screen-scaffolder

README.md
[![agentmods](https://agentmods.dev/badge/skills/pproenca/dot-skills/expo-ios-screen-scaffolder/github.svg)](https://agentmods.dev/skills/pproenca/dot-skills/expo-ios-screen-scaffolder)
Your own site
<a href="https://agentmods.dev/skills/pproenca/dot-skills/expo-ios-screen-scaffolder"><img src="https://agentmods.dev/badge/skills/pproenca/dot-skills/expo-ios-screen-scaffolder/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for expo-ios-screen-scaffolder

Your own site · 80×15
<a href="https://agentmods.dev/skills/pproenca/dot-skills/expo-ios-screen-scaffolder"><img src="https://agentmods.dev/badge/skills/pproenca/dot-skills/expo-ios-screen-scaffolder.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 145 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 1,097 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe. Third-party audits
  • NVIDIA SkillSpector pass 7 Sept 2026
How audits are shown
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00145 $0.01097
Opus 5 $0.00072 $0.00549
Sonnet 5 $0.00029 $0.00219
Haiku 4.5 $0.00015 $0.00110

Measured 8d ago against content hash aedb1a994431, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-11, from the pricing page.

Security

Grade A, and why

expo-ios-screen-scaffolder scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 8d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

skills/.experimental/expo-ios-screen-scaffolder/SKILL.md · 61 lines

How it starts

The opening of the file, as written. The whole thing — 61 lines — stays where its author put it; the contents beside it link to each section on GitHub.

Expo iOS Screen Scaffolder

Parameterized templates that generate HIG-compliant Expo Router screens. Every template produces a screen that is native-by-construction — native navigation, virtualized lists, safe areas, semantic colors, SF Symbols, haptics, and honest empty states — so new screens start correct instead of being retrofitted. Each generated file cites the expo-ios-hig rules it satisfies.

When to Apply

Use this skill when the user wants to:

  • Create or add a new screen, route, or layout in an Expo app for iOS
  • Scaffold a list, detail, form, modal sheet, tab bar, or settings screen
  • Start a new Expo feature and want the screens to feel native from the first commit
  • Bring an existing screen up to the conventions in references/conventions.md

Available Templates

To scaffold: read the template, substitute the placeholders, and write the result to its route path under app/. Placeholders use single braces (e.g., {ScreenName}); the literal TSX braces stay as-is.

Template Generates Placeholders
list-screen.tsx.template Large-title list: FlashList + RefreshControl + empty state + bottom safe-area inset {ScreenName} {Entity} {entity_plural} {Title} {route_path} {sf_symbol}
detail-screen.tsx.template Pushed detail: edge-to-edge scroll, semantic colors, system share button {ScreenName} {Entity} {entity} {entityId}
form-screen.tsx.template Create form: keyboard avoidance, configured input, optimistic save + haptics {ScreenName} {Entity} {entity}
modal-sheet.tsx.template formSheet route with detents + grabber and Cancel/Done {ScreenName} {Title} {route_name}
native-tabs-layout.tsx.template Root NativeTabs layout with SF Symbol icons (repeat per tab) {tab_name} {Tab_label} {tab_sf_symbol}
settings-screen.tsx.template Grouped settings: SectionList + platform Switch rows {ScreenName} {Title}

Read the full file on GitHub · 61 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 8d ago First seen · 61 lines · 145 tokens per session scan A aedb1a994431

Subscribe to this mod's changes

expo-ios-screen-scaffolder is a skill published in the GitHub repository pproenca/dot-skills (207 stars, last pushed 27d ago), licensed MIT. It adds 145 tokens to every session and 1,097 once invoked, about $0.0007 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-09-03.

Related

Other skills, from other repositories

agent-spec-mobile-react-native

Agent skill for spec-mobile-react-native - invoke with $agent-spec-mobile-react-native.

ruvnet/ruflo · 22 tokens

expo-native-ui

Framework (OSS). Build beautiful, native-feeling Expo screens. Covers Apple HIG styling, semantic colors, native controls, SF Symbols, media, visual effects, gradients, storage, and responsive layout. For routing and navigation, use the expo-router skill; for motion and animation, use the expo-animation skill.

expo/skills · 67 tokens

expo-web-to-native

Framework (OSS). Migrate an existing web React app to a native iOS/Android app with Expo. Use when the user wants to turn a website into a mobile app, port a Next.js/Vite/CRA React codebase to React Native, reuse web code on native incrementally, or asks how web idioms (the DOM, CSS, React Router, localStorage…

expo/skills · 111 tokens

expo-brownfield

Framework (OSS). Integrate Expo and React Native into an existing native iOS or Android app. Use for brownfield, embedding a React Native screen in SwiftUI/UIKit or Kotlin, or AAR/XCFramework packaging. Covers isolated and integrated approaches. For building or distributing a purely native app with EAS, use…

expo/skills · 74 tokens

truesheet-usage

Consumer-side guide for integrating @lodev09/react-native-true-sheet into a React Native app. Use this skill whenever the user wants to add, configure, control, or debug a bottom sheet using TrueSheet — including ref-based sheets, named global sheets, web support with TrueSheetProvider/useTrueSheet, React Navigation…

lodev09/react-native-true-sheet · 169 tokens

building-ui

Complete guide for building beautiful apps with Expo Router. Covers fundamentals, styling, components, navigation, animations, patterns, and native tabs.

Intelligent-Internet/ii-agent · 30 tokens