CtrlK
BlogDocsLog inGet started
Tessl Logo

tessl/npm-clean-css

A well-tested CSS minifier providing fast and efficient CSS optimization and minification.

93

1.17x

Quality

Pending

Does it follow best practices?

Impact

93%

1.17x

Average score across 10 eval scenarios

SecuritybySnyk

Pending

The risk profile of this skill

Overview
Eval results
Files

rubric.jsonevals/scenario-9/

{
  "context": "This criteria evaluates how well the engineer uses the clean-css package to optimize border-radius properties in CSS. The focus is on proper usage of clean-css API and configuration to achieve the border-radius optimization behavior.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "CleanCSS instantiation",
      "description": "Uses the CleanCSS constructor to create an instance of the optimizer (e.g., `new CleanCSS()` or `const CleanCSS = require('clean-css'); new CleanCSS()`)",
      "max_score": 20
    },
    {
      "name": "minify() method usage",
      "description": "Calls the minify() method on the CleanCSS instance with the input CSS string (e.g., `cleanCSS.minify(css)`)",
      "max_score": 20
    },
    {
      "name": "Level 1 optimization",
      "description": "Ensures Level 1 optimizations are enabled (default behavior) or explicitly configures level 1 options to enable border-radius optimization",
      "max_score": 15
    },
    {
      "name": "Output extraction",
      "description": "Correctly extracts the optimized CSS from the minify() result object using the 'styles' property (e.g., `result.styles` or `minify(css).styles`)",
      "max_score": 20
    },
    {
      "name": "Return value",
      "description": "Returns the optimized CSS string as the function output",
      "max_score": 10
    },
    {
      "name": "Proper configuration",
      "description": "Does not disable or interfere with border-radius optimization through incorrect configuration options (e.g., avoiding level: 0 or disabling level 1 optimizations)",
      "max_score": 15
    }
  ]
}

tile.json