CtrlK
CommunityDocumentationLog inGet started
Tessl Logo

tessl/npm-react-native

A framework for building native apps using React

Overall
score

100%

Evaluation100%

1.06x

Agent success when using this tile

Overview
Eval results
Files

rubric.jsonevals/scenario-6/

{
  "context": "This criteria evaluates how well the engineer uses React Native's KeyboardAvoidingView and Modal components to build a mobile form with proper keyboard handling and a confirmation dialog overlay.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "KeyboardAvoidingView usage",
      "description": "Uses KeyboardAvoidingView component to wrap the form content, ensuring the form adjusts when the keyboard appears",
      "max_score": 30
    },
    {
      "name": "Platform-specific behavior",
      "description": "Configures KeyboardAvoidingView with the 'behavior' prop set appropriately (e.g., 'padding' for iOS, 'height' for Android, or using Platform.select)",
      "max_score": 15
    },
    {
      "name": "Modal component usage",
      "description": "Uses Modal component to display the confirmation dialog over the form content",
      "max_score": 25
    },
    {
      "name": "Modal visibility control",
      "description": "Properly controls Modal visibility using the 'visible' prop with state management (e.g., useState hook)",
      "max_score": 10
    },
    {
      "name": "Modal transparency",
      "description": "Configures Modal with the 'transparent' prop set to true to maintain transparency and show the underlying screen",
      "max_score": 10
    },
    {
      "name": "Modal dismissal",
      "description": "Implements Modal dismissal using the 'onRequestClose' prop to handle both Cancel button and outside tap/back button interactions",
      "max_score": 10
    }
  ]
}

Install with Tessl CLI

npx tessl i tessl/npm-react-native@1000.0.0

tile.json