tessl install tessl/npm-emoji-picker-react@4.13.0Emoji Picker component for React Applications on the web
Agent Success
Agent success rate when using this tile
74%
Improvement
Agent success rate improvement when using this tile compared to baseline
1x
Baseline
Agent success rate without this tile
74%
{
"context": "This evaluation assesses how effectively the engineer uses the emoji-picker-react package's theming capabilities to implement a themed emoji picker component. The focus is exclusively on proper usage of the package's theme-related features and core emoji selection functionality.",
"type": "weighted_checklist",
"checklist": [
{
"name": "EmojiPicker Component Import",
"description": "Correctly imports the EmojiPicker component from emoji-picker-react package",
"max_score": 10
},
{
"name": "Theme Enum Import",
"description": "Imports and uses the Theme enum from emoji-picker-react (e.g., Theme.LIGHT, Theme.DARK, Theme.AUTO)",
"max_score": 15
},
{
"name": "Theme Prop Usage",
"description": "Uses the 'theme' prop on the EmojiPicker component to pass the selected theme value",
"max_score": 20
},
{
"name": "Light Theme Implementation",
"description": "Correctly implements light theme mode using Theme.LIGHT value",
"max_score": 10
},
{
"name": "Dark Theme Implementation",
"description": "Correctly implements dark theme mode using Theme.DARK value",
"max_score": 10
},
{
"name": "Auto Theme Implementation",
"description": "Correctly implements auto/system theme mode using Theme.AUTO value",
"max_score": 10
},
{
"name": "onEmojiClick Handler",
"description": "Uses the onEmojiClick prop to handle emoji selection events from the EmojiPicker component",
"max_score": 15
},
{
"name": "EmojiClickData Usage",
"description": "Accesses the emoji property from the EmojiClickData object passed to the onEmojiClick callback to get the selected emoji character",
"max_score": 10
}
]
}