preview

Name: preview
Availability: InStock
Author: anicca-labs

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

Ready to run

npx skills add https://github.com/anicca-labs/claude --skill preview-anicca-labs

💬 Prompt for ChatGPT / Claude Chat▼

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.