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-5/

{
  "context": "This criteria evaluates how well the engineer uses clean-css to bundle multiple CSS sources using the hash/object input format, particularly focusing on proper usage of named sources, error handling, and statistics reporting capabilities.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "Hash input format",
      "description": "Uses hash/object input format where keys are source names (e.g., 'header', 'footer', 'sidebar') and values are CSS strings when calling minify()",
      "max_score": 30
    },
    {
      "name": "CleanCSS instantiation",
      "description": "Creates a new CleanCSS instance using the constructor (new CleanCSS()) with appropriate options if needed",
      "max_score": 15
    },
    {
      "name": "minify() invocation",
      "description": "Calls the minify() method on the CleanCSS instance, passing the hash/object of named sources",
      "max_score": 20
    },
    {
      "name": "Error handling",
      "description": "Accesses and handles the errors array from the minify result object, checking for errors from specific sources",
      "max_score": 15
    },
    {
      "name": "Statistics extraction",
      "description": "Accesses the stats object from the minify result to retrieve originalSize, minifiedSize, or efficiency metrics",
      "max_score": 10
    },
    {
      "name": "Output styles",
      "description": "Retrieves the minified CSS output from the styles property of the result object",
      "max_score": 10
    }
  ]
}

tile.json