eval-runner

Executes an evaluation pipeline for AI-generated code with deterministic and LLM-based graders.

7|Updated Mar 11, 2026
One-click install
npx skills add https://github.com/kaelig/react-craft --skill eval-runner
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: eval-runner
Source: https://github.com/kaelig/react-craft/tree/main/react-craft/skills/eval-runner
Command: npx skills add https://github.com/kaelig/react-craft --skill eval-runner

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill automates the rigorous evaluation of AI-generated code against design specifications, ensuring quality, correctness, and adherence to standards.

Core Features & Use Cases

  • Automated Evaluation: Runs generated code through a suite of deterministic and LLM-based graders.
  • Benchmarking: Produces detailed reports on compilation, linting, semantic correctness, accessibility, and more.
  • Use Case: After an AI model generates a React component, use this Skill to automatically test its compilation, check for linting errors, verify it uses design tokens correctly, and assess its accessibility compliance, providing a comprehensive quality score.

Quick Start

Run the eval-runner skill to execute the react-craft eval suite against the fixture located at /path/to/fixture.

Frequently Asked Questions about eval-runner

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I evaluate the quality of AI-generated React components?▼

To evaluate AI-generated React components, run an automated evaluation suite that tests compilation, checks linting errors, verifies design token usage, and assesses accessibility compliance to produce a comprehensive quality score.

What is the best way to benchmark AI code generation against design specifications?▼

Benchmarking AI code generation involves executing code against fixtures and scoring it with deterministic and LLM-as-judge graders, which validates code quality, adherence to design specifications, and identifies potential issues through a multi-faceted grading system.

How does an LLM-as-judge grader work for testing code quality?▼

An LLM-as-judge grader works as part of a multi-faceted evaluation pipeline to semantically assess AI-generated code, complementing deterministic checks to validate correctness, design token adherence, and accessibility compliance in detailed benchmark reports.

Can I use automated evaluation to check if my AI-generated code uses design tokens correctly?▼

Yes, automated evaluation pipelines can verify whether AI-generated code uses design tokens correctly, alongside checking compilation, linting errors, and accessibility compliance, providing a comprehensive quality score and detailed benchmark report.

What limitations are there when using deterministic graders for AI code benchmarking?▼

Deterministic graders for AI code benchmarking are limited to fixed rule checks like compilation and linting, which is why an LLM-as-judge grader is also required to evaluate semantic correctness and complex design specification adherence.