Bench de Skills · Claude Code

LP — Spa Refúgio Urbano

Mesma empresa, mesmo conteúdo (BRIEF.md) e mesmas imagens (IMAGES.md). O que muda em cada versão: o modelo, o effort e a skill usada. Compare o design lado a lado.

01
Versão 1
Opus 4.8 effort: high sem skill

Baseline — Opus puro

Linha de base do experimento. Opus 4.8 com effort alto, sem nenhuma skill de design ativada. É a referência contra a qual as próximas versões serão comparadas.

Abrir versão →
02
Versão 2
Opus 4.8 effort: high frontend-design

Editorial botânico

Direção "luxury/editorial de revista": verde-noite drenado, Fraunces dramática, layout assimétrico com sobreposições, marquee e motion de entrada escalonado.

Abrir versão →
03
Versão 3
Opus 4.8 effort: high impeccable

Drenched oliva

Disciplina anti-slop: OKLCH, superfície oliva profunda como cor, contraste AA verificado, sem eyebrows/numeração de scaffold, listas em vez de cards repetidos.

Abrir versão →
04
Versão 4
Opus 4.8 effort: high ui-ux-pro-max

By-the-book (UX)

Sistema tokenizado, mobile-first, touch ≥44px, ícones SVG (sem emoji), escala 4/8, bento nos tipos, formulário com validação inline e foco no primeiro erro.

Abrir versão →
05
Versão 5
Opus 4.8 effort: high emil-design-eng

Craft & motion

Foco no "feel": easing curves fortes, scale(.97) ao pressionar, tabs com clip-path (troca de cor perfeita), hold-to-book de assinatura, hover gated por pointer.

Abrir versão →
06
Versão 6
Opus 4.8 effort: high ui-styling

Tailwind + shadcn (dark)

Tailwind CDN com tokens HSL estilo shadcn, componentes Card/Badge/Button. Única versão com toggle claro/escuro persistido em localStorage.

Abrir versão →
07
Versão 7
Opus 4.8 effort: high ui-ux-pro-max + motor

Soft UI · rosa & lavanda

A ui-ux-pro-max com o motor de dados rodando de verdade (search.py). Ele recomendou: estilo Soft UI Evolution, paleta rosa+lavanda, fontes Lora+Raleway. Sem palpite meu — design ditado pela skill.

Abrir versão →