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.