CtrlK
BlogDocsLog inGet started
Tessl Logo

tessl/npm-cra-template-typescript

The official TypeScript template for Create React App providing preconfigured TypeScript support and development environment setup.

Overall
score

98%

Overview
Eval results
Files

rubric.jsonevals/scenario-3/

{
  "context": "This checklist evaluates whether the solution reuses cra-template-typescript's baseline styling assets and ignore rules: importing the shipped CSS, using the starter logo animation, keeping the base palette, and preserving the default .gitignore protections.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "Global import",
      "description": "Imports the default global stylesheet at src/index.css so the starter typography, background color, and reset rules apply without recreating them elsewhere.",
      "max_score": 20
    },
    {
      "name": "Component styles",
      "description": "Reuses the starter component stylesheet (src/App.css) for layout structure, keeping the provided class names and avoiding replacement with custom frameworks.",
      "max_score": 20
    },
    {
      "name": "Logo animation",
      "description": "Displays the shipped brand asset at src/logo.svg and leverages the existing App-logo/App-logo-spin definitions from src/App.css instead of redefining animations.",
      "max_score": 20
    },
    {
      "name": "Base palette",
      "description": "Preserves the template's base color scheme (e.g., the dark #282c34 background and light text) across the hero and cards rather than overriding with unrelated palettes.",
      "max_score": 15
    },
    {
      "name": "Ignore rules",
      "description": "Keeps the starter .gitignore entries (node_modules/, build/, coverage/, *.log, .env.local and related) effective so generated artifacts and dependencies remain untracked.",
      "max_score": 25
    }
  ]
}

Install with Tessl CLI

npx tessl i tessl/npm-cra-template-typescript

tile.json