CtrlK
BlogDocsLog inGet started
Tessl Logo

tessl/npm-rc-progress

Progress UI component for React providing customizable line and circle progress bars

100

1.04x
Quality

Pending

Does it follow best practices?

Impact

100%

1.04x

Average score across 10 eval scenarios

SecuritybySnyk

Pending

The risk profile of this skill

Overview
Eval results
Files

criteria.jsonevals/scenario-6/

{
  "context": "This evaluation assesses how well the engineer uses the @rc-component/progress package to implement different line cap styles (round, butt, square) for progress bars. The focus is on proper use of the strokeLinecap property and the Line component from the package.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "Uses Line component",
      "description": "Imports and uses the Line component from @rc-component/progress for rendering progress bars",
      "max_score": 20
    },
    {
      "name": "Round linecap usage",
      "description": "Correctly uses strokeLinecap='round' (or omits it, as 'round' is the default) for the rounded line ends progress bar",
      "max_score": 20
    },
    {
      "name": "Butt linecap usage",
      "description": "Correctly uses strokeLinecap='butt' for the flat/straight line ends progress bar",
      "max_score": 20
    },
    {
      "name": "Square linecap usage",
      "description": "Correctly uses strokeLinecap='square' for the square line ends progress bar",
      "max_score": 20
    },
    {
      "name": "Progress percentage",
      "description": "Sets percent prop to 60 for all three progress bars",
      "max_score": 10
    },
    {
      "name": "Stroke width",
      "description": "Sets strokeWidth prop to 8 for all three progress bars",
      "max_score": 10
    }
  ]
}

tile.json