Skip to content
TrustedSkillsbeta
Back to all skills

React Native

Checked
hairyf·vlatest·frontend·MIT

Generates React Native components from descriptions, streamlining mobile UI development with hairyf's AI assistance.

Repository

Install on your platform

Showing Claude Code. One command installs this skill into any of the agents below.

  1. 1

    Run this in your project

    terminal
    $ npx skills add hairyf/skills --skill react-native -a claude-code

  2. Uses the open-source skills CLI and needs Node.js. Add -g to install it for your user instead of this project.

What we know about this skill

Publisher

hairyf

Taken from the source listing. We haven't verified who controls this account.

Install target

Live repository

Not pinned. Installing fetches whatever the repository holds at the time you run the command.

No human has reviewed this code. The checks below are a static scan of the files at one commit — nobody has run this skill or judged whether it works. A skill runs with whatever access you give your agent, so read the source before you install it.

Automated safety checks

scanned

This skill passed all 6 checks. We read its files at one commit and looked for the things that make a skill dangerous to run — not for whether it works.

  • Declares what it does: passed

    SKILL.md parses and declares a name and a description.

    SKILL.md exists, its frontmatter parses, and it declares a name and a description.

  • No undeclared network calls: passed

    Makes no network calls.

    Every host the skill dials — from its scripts, its config endpoints or the commands it tells the agent to run — is either well-known package and API infrastructure or declared in its own frontmatter. Links in documentation are not counted.

  • No obfuscated payloads: passed

    No encoded or obfuscated payloads.

    No base64, hex or compressed blob is decoded and then executed, and no encoded shell commands.

  • No credential access: passed

    Reads no keys, tokens, keychains or credential files.

    Neither the code nor the SKILL.md instructions read SSH keys, cloud credentials, keychains, token stores, browser cookie databases or dotfiles that hold secrets.

  • No pipe-to-shell installers: passed

    No pipe-to-shell or download-and-run installers.

    No `curl … | sh` pattern, in the code or in the instructions, that runs code fetched at run time.

  • Pinned to a commit: passed

    Scanned hairyf/skills at 8a84374860.

    The exact upstream commit SHA that was scanned is recorded, so the result refers to specific bytes.

Commit
8a84374860
Manifest
skills/react-native/SKILL.md
Scanned
22 files, 6,101 lines
This is a static scan, not a review. It reads the skill's files; it does not run them, and it cannot tell you whether the skill is any good or whether the code does what its description says. A skill runs with whatever access you give your agent.
What each check looks for →

About this skill

What it does

This skill enables AI agents to generate React Native components, allowing for streamlined mobile UI development using JavaScript. It leverages the core principles of React and allows you to build real mobile applications indistinguishable from those built with native languages like Objective-C or Java. The skill provides access to a wide range of pre-built components and APIs for creating robust and feature-rich mobile user interfaces.

When to use it

  • Developing new screens or UI elements for a React Native mobile application.
  • Creating custom components based on specific design requirements.
  • Implementing animations, touch handling, keyboard interactions, and data display features in your app.
  • Integrating with platform-specific APIs (Android & iOS) to access native device functionalities.

Key capabilities

  • Core Components: View, Text, Image, TextInput, ScrollView.
  • Layout with Flexbox: Utilize the Flexbox layout system for component positioning and alignment.
  • Styling: Create and organize component styles using the StyleSheet API.
  • Animations: Implement fluid animations using Animated.Value, timing functions, spring effects, and gesture integration.
  • User Interactions: Handle user input with Pressable/Touchable components and gesture responders.
  • Data Display: Efficiently render large lists with FlatList and SectionList.
  • Theming & Styling: Support for theming and dark mode using Colors, PlatformColor, and the Appearance API.

Example prompts

  • "Generate a React Native component for displaying an image with a caption."
  • "Create a scrollable list of items in React Native."
  • "Show me how to implement a simple animation in React Native."

Tips & gotchas

  • This skill is based on React Native as it existed in 2026-01-31. Ensure your project's dependencies are compatible.
  • Familiarity with React and JavaScript fundamentals will be beneficial for effectively utilizing this skill.