skills.rest
anicca-labs
anicca-labsOFFICIAL
Explore all skills by this author →
GitHub

preview

Capture iOS and Android simulator screenshots and run TypeScript type-checks.

Updated Apr 21, 2026
Search Tags:#React Native#Expo#error checking#screenshot#UI verification
One-click install
npx skills add https://github.com/anicca-labs/claude --skill preview-anicca-labs
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: preview
Source: https://github.com/anicca-labs/claude/tree/main/plugins/expo-rn-plugin/skills/preview
Command: npx skills add https://github.com/anicca-labs/claude --skill preview-anicca-labs

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill ensures that UI changes are visually confirmed and error-free, reducing the risk of deploying broken features.

Core Features & Use Cases

  • Visual Verification: Captures screenshots of the running simulator to confirm UI changes.
  • Error Checking: Surfaces device errors and ensures TypeScript type-checks pass.
  • Use Case: After making UI changes, use this Skill to take a screenshot, review it, and ensure no errors are present before reporting the task as done.

Quick Start

Run the preview skill with the route or screen name you want to verify, e.g., preview route:HomeScreen.

Frequently Asked Questions about preview

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I verify UI changes in a React Native or Expo project?▼

To verify UI changes in a React Native or Expo project, you can take screenshots of the running iOS or Android simulator and review the visual output to confirm the updates.

What is the best way to check for simulator errors after making UI updates?▼

Checking for simulator errors after UI updates involves surfacing device errors and running TypeScript type-checks to ensure the visual modifications are completely error-free.

Can I capture iOS and Android simulator screenshots to confirm UI modifications?▼

Yes, you can capture iOS and Android simulator screenshots to visually confirm UI modifications, ensuring that the rendered interface matches the expected design changes.

How do I run TypeScript type-checks to validate UI changes in Expo?▼

Running TypeScript type-checks to validate UI changes in Expo requires executing shell scripts that parse the output to detect type errors before reporting the task as done.

Do I need a running simulator to use visual verification for React Native?▼

Yes, visual verification for React Native requires a running iOS or Android simulator to capture screenshots and accurately confirm the applied UI changes.

Why does visual verification fail if the iOS simulator is not running?▼

Visual verification fails without a running iOS simulator because the tool cannot capture screenshots or surface device errors to confirm the UI changes.

Related Skills

Explore More Software Engineering Skills→
spatiespatie
12

App Store Screenshots Skill

Automate App Store and Play Store screenshot capture with simulators and emulators.

Official
Advanced
narrative-ionarrative-io

lint

Identify and fix linting errors in TypeScript/JavaScript projects with bun check.

Official
Advanced
benaorbenaor

react-performance

Profile React Native apps to identify and optimize rendering, startup, and memory bottlenecks.

Community
Advanced
joi-fairsharejoi-fairshare
1

verify-ios

Verify iOS simulator UI state with XcodeBuildMCP and structured pass/fail reports.

Community
Advanced