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

Evaluation results

100%

5%

Product Card Component

Basic Styling (StyleSheet.create, Flexbox)

Criteria
Without context
With context

StyleSheet.create usage

100%

100%

Flexbox layout

75%

100%

Typography and spacing

100%

100%

View component

100%

100%

Text component

100%

100%

Image component

100%

100%

Style properties

100%

100%

Conditional styling

100%

100%

100%

Product Catalog Viewer

Basic List Components (FlatList, SectionList)

Criteria
Without context
With context

FlatList Usage

100%

100%

FlatList Data Prop

100%

100%

FlatList RenderItem

100%

100%

FlatList KeyExtractor

100%

100%

SectionList Usage

100%

100%

SectionList Data Structure

100%

100%

SectionList RenderSectionHeader

100%

100%

Pull-to-Refresh Implementation

100%

100%

100%

Chat Input with Custom Keyboard Accessory

Advanced Input Components (InputAccessoryView)

Criteria
Without context
With context

InputAccessoryView Usage

100%

100%

NativeID Linking

100%

100%

TextInput Integration

100%

100%

Keyboard Dismissal

100%

100%

Button Components

100%

100%

100%

Product Catalog Viewer

List Performance Optimization (VirtualizedList, getItemLayout)

Criteria
Without context
With context

Uses FlatList/VirtualizedList

100%

100%

Implements getItemLayout

100%

100%

Extracts keyExtractor

100%

100%

Implements renderItem

100%

100%

99%

Task Management with Custom Actions

Custom Accessibility Actions

Criteria
Without context
With context

accessibilityActions prop

100%

100%

onAccessibilityAction handler

100%

100%

Accessibility labels

100%

100%

Action implementation

100%

100%

Action labels

90%

90%

100%

User Profile Form

Layout Components (KeyboardAvoidingView, Modal)

Criteria
Without context
With context

KeyboardAvoidingView usage

100%

100%

Platform-specific behavior

100%

100%

Modal component usage

100%

100%

Modal visibility control

100%

100%

Modal transparency

100%

100%

Modal dismissal

100%

100%

100%

3D Card Flip Component

Advanced Transforms (2D/3D transformations, perspective)

Criteria
Without context
With context

Transform property usage

100%

100%

Y-axis rotation (rotateY)

100%

100%

Perspective transform

100%

100%

Back face rotation

100%

100%

Backface visibility

100%

100%

100%

15%

User Preferences Form

User Input Components (TextInput, Button, Switch)

Criteria
Without context
With context

TextInput Usage

100%

100%

TextInput Configuration

100%

100%

Switch Component

100%

100%

Switch State Management

100%

100%

Button Component

0%

100%

Button Validation

100%

100%

100%

Theme-Aware Settings Screen

Appearance and Theming (useColorScheme, Appearance)

Criteria
Without context
With context

useColorScheme Hook Usage

100%

100%

Dynamic Theme Application

100%

100%

Automatic Re-rendering

100%

100%

Appropriate Color Contrast

100%

100%

Component Structure

100%

100%

100%

37%

Draggable Card Component

Gesture Handling (PanResponder)

Criteria
Without context
With context

PanResponder Creation

60%

100%

Gesture Grant Handler

33%

100%

Gesture Move Handler

40%

100%

Gesture Release Handler

53%

100%

Animated.Value Usage

100%

100%

Animated.View Component

100%

100%

PanResponder Handlers Attachment

100%

100%

Install with Tessl CLI

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

Evaluated

Agent

Codex

Table of Contents