System Documentation

What problem does it solve?

It eliminates generic, “AI-slop” frontend design by enforcing premium visual hierarchy, typography, spacing, interaction polish, and performance-safe output patterns.

Core Features & Use Cases

  • Premium redesign auditing: Scans existing projects for common weak points (typography, spacing, color calibration, layout clichés, missing states) and applies fixes in a prioritized order.
  • Agency-level UI system directives: Applies high-end design constraints for fonts, icon style, surfaces (no flat sterile cards), motion choreography, and responsive structure (e.g., min-h-[100dvh], no h-screen).
  • Full output enforcement: Prevents truncation/placeholder patterns by requiring complete, production-ready code output with long-output pausing behavior.

Quick Start

Redesign a landing page to look expensive: "Redesign this website into an Awwwards-tier premium UI while preserving functionality, audit it first, then output the complete updated files with full, non-truncated code."

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: ls-taste
Download link: https://github.com/ahostbr/liteharness/archive/main.zip#ls-taste

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.