tessl install tessl/npm-stencil--core@4.36.0A comprehensive web component compiler that transforms TypeScript and JSX code into standards-compliant web components with complete development toolchain.
Agent Success
Agent success rate when using this tile
75%
Improvement
Agent success rate improvement when using this tile compared to baseline
1.44x
Baseline
Agent success rate without this tile
52%
{
"context": "This evaluation assesses how well the engineer leverages @stencil/core's TypeScript compilation system to build a tool that compiles and verifies web components. The focus is on proper usage of Stencil's compiler API, TypeScript transpilation, decorator transformation, and JSX compilation capabilities.",
"type": "weighted_checklist",
"checklist": [
{
"name": "Compiler Initialization",
"description": "Uses @stencil/core's createCompiler() or equivalent API to instantiate the compiler with appropriate configuration",
"max_score": 20
},
{
"name": "TypeScript Transpilation",
"description": "Properly configures and invokes the TypeScript transpilation process through Stencil's compiler API to transform TypeScript to JavaScript",
"max_score": 25
},
{
"name": "Decorator Transformation",
"description": "Leverages Stencil's decorator-to-metadata transformation capabilities to convert decorators (@Component, @Prop, etc.) into static metadata in the compiled output",
"max_score": 25
},
{
"name": "JSX/TSX Compilation",
"description": "Utilizes Stencil's JSX/TSX compilation feature to transform JSX syntax into appropriate function calls (e.g., h() function calls)",
"max_score": 20
},
{
"name": "Compilation Output Handling",
"description": "Properly accesses and handles the compiler's output, including compiled files, diagnostics, and error information through Stencil's compiler result APIs",
"max_score": 10
}
]
}