Claude Code React Native Skill for Platform-Specific Components
Keep one public interface for shared screen behavior while isolating meaningful iOS and Android implementation differences.
中文Install in Claude Code
Use Claude Code with the pinned skill and an existing React Native project. Verify on the relevant simulator or device.
- Get the complete `skills/react-native` directory from the pinned revision.
- Copy it into the target project's `.claude/skills/` and confirm `.claude/skills/react-native/SKILL.md`. Start Claude Code at the project root and describe a task matching the skill's purpose.
Example task
A fictional help card has different visual treatment on iOS and Android, but both display a title and can dismiss. Propose platform file organization with one caller interface.What to check
Both platforms accept the same props. Appearance follows each platform and dismissal behaves consistently.
Original SKILL.md on GitHub · Updated
Frequently asked question
Does every platform difference need a separate file?
A small style difference can use platform-specific values. Separate files help when the implementation or behavior meaningfully diverges.