Create screens and routes in the Eigen React Native app with Relay GraphQL.
npx skills add https://github.com/artsy/eigen --skill creating-screens
Please help me install this Agent Skill. Skill: creating-screens Source: https://github.com/artsy/eigen/tree/main/.claude/skills/creating-screens Command: npx skills add https://github.com/artsy/eigen --skill creating-screens
This Skill streamlines the process of adding new screens and navigation routes to the Eigen React Native application, ensuring consistency and adherence to best practices.
Use the creating-screens skill to add a new Relay screen for viewing artist details.
High-intent search queries and answers about installing and using this skill.
To add new screens and navigation routes in React Native, you register the route in the navigation system and create a screen file following specific naming conventions and folder locations. This ensures proper route setup and maintainability.
Setting up a Relay screen with GraphQL in React Native requires using Relay query directives and implementing null checks to handle data fetching safely. This ensures your screen correctly retrieves and renders GraphQL data without crashing.
Adding a new route requires strict adherence to file location and naming conventions, alongside comprehensive testing, linting, and formatting. These rules are enforced to maintain codebase consistency and prevent navigation errors.
Deep linking for new screens can be enabled on Android by following specific setup instructions during route registration. This allows users to navigate directly to your screen via external links or notifications.
Route order matters when registering navigation screens because the navigation system evaluates routes sequentially to match paths. Incorrect ordering can cause deep links to resolve to the wrong screen or fail entirely.
TheBushidoCollectiveCompose Relay fragments to manage component-level data dependencies in React.
gracefullightValidate Biome configurations against schema and version requirements.
cap-collectifWire React Hook Form with Relay mutations and Yup validation for form workflows.
CJHarmathImplement consistent navigation and routing patterns in React web apps.
