slop-eval

Evaluate UI and web designs for generic visual patterns and produce a cited Slop Report.

47|4|Updated Feb 21, 2026
One-click install
npx skills add https://github.com/fabricioctelles/skills --skill slop-eval
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: slop-eval
Source: https://github.com/fabricioctelles/skills/tree/main/skills/slop-eval
Command: npx skills add https://github.com/fabricioctelles/skills --skill slop-eval

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill replaces subjective design criticism with an evidence-based evaluation of how generic, machine-made, or poorly executed a UI or website appears.

Core Features & Use Cases

  • Evidence-Based Auditing: Evaluate live URLs, screenshots, code paths, or Figma exports using concrete visual, technical, and interaction evidence.
  • Weighted Scoring: Score eight design axes, apply absolute-rule and signature gates, and calculate a deterministic 0–100 Slop Index with a grade.
  • Structured Reporting: Produce a complete Slop Report with detected tells, evidence citations, unverifiable checks, signature and cohesion assessments, and prioritized premium-quality fixes.
  • Use Case: Audit a landing page before launch to identify generic gradients, repeated layout patterns, weak brand specificity, inaccessible interactions, and execution defects.

Quick Start

Use the slop-eval skill to evaluate the provided website, screenshot, code path, or Figma export and write a cited Slop Report in the requested language.

Frequently Asked Questions about slop-eval

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

FAQPage Schema
How do I audit my web design for AI-generated visual patterns?

You can audit web design for AI-generated visual patterns by evaluating live URLs, screenshots, code paths, or Figma exports to detect generic, machine-made tells. This process analyzes evidence channels and catalog-based tell detection to identify poorly executed UI elements.

What is a design audit slop index and how is it calculated?

A slop index is a deterministic 0–100 score with a grade that quantifies how generic or poorly executed a UI appears. It is calculated by scoring eight design axes, applying absolute-rule and signature gates, and assessing overall visual cohesion.

Can I evaluate Figma exports and live URLs for visual quality issues?

Yes, you can evaluate Figma exports and live URLs for visual quality issues. The evaluation applies evidence-based analysis to identify generic gradients, repeated layout patterns, weak brand specificity, and execution defects across these input formats.

How do I identify accessibility and execution defects during a pre-launch landing page review?

To identify accessibility and execution defects during a pre-launch landing page review, perform an evidence-based UI evaluation that validates absolute rules and flags inaccessible interactions, weak brand specificity, and poorly executed visual patterns.

What is the best way to replace subjective design criticism with evidence-based UI evaluation?

The best way to replace subjective design criticism with evidence-based UI evaluation is to generate a cited Slop Report. This report uses weighted axis scoring, evidence citations, and signature assessments to produce prioritized premium-quality fixes.