skill-gallery

taste-skill (design-taste-frontend)

taste-skill v2: dirección de arte para sitios web y pantallas de aplicaciones. Un script reparte tres direcciones documentadas a partir de una biblioteca de 247 sitios estudiados; el agente construye la página con la elegida y luego la revisa en un navegador real con un inspector incluido. Instrucciones más scripts de Node; necesita Node 22+, Chrome y red para buscar imágenes.

Ruta
skills/taste-skill · SKILL.md
Commit fijado
12af471f62
Licencia
MIT

Cada prompt muestra una matriz 2×2 fija: Codex nativo, Codex + skill, Claude Code nativo, Claude Code + skill. Haz clic en una captura para ver la página completa. Instalar y usar ↓

Puntos fuertes

Lo que la propia documentación del skill dice que hace bien, con un enlace a donde lo dice. Son afirmaciones, no resultados: compáralas con las páginas de abajo.

Alcance de la prueba: Landing page de SaaS, Panel de datos, Blog y portafolio personal. Los prompts que no están en esta lista aparecen como “Fuera de alcance”, no como pendientes.

Decidido a partir del texto del skill antes de las ejecuciones del segundo lote.

Codex nativo

OK
Codex · nativo — Landing page de SaaS, captura (Escritorio, parte superior de la página)Codex · nativo — Landing page de SaaS, captura (Móvil, parte superior de la página)
Modelo
gpt-6.1-sol · high
Tiempo
7m 51s
Tokens
in 424k · out 24.5k
Skill usado
n/a
Recursos externos
fonts.googleapis.com, fonts.gstatic.com
Fecha de ejecución
2026-10-25

a11y · grave: 1▶ vídeo

👍 0 · Votar

Codex + taste-skill

OK
Codex + taste-skill — Landing page de SaaS, captura (Escritorio, parte superior de la página)Codex + taste-skill — Landing page de SaaS, captura (Móvil, parte superior de la página)
Modelo
gpt-6.1-sol · high
Tiempo
7m 15s
Tokens
in 890k · out 23.1k
Skill usado
Sí
Recursos externos
fonts.googleapis.com, fonts.gstatic.com
Fecha de ejecución
2026-10-26

a11y · grave: 2▶ vídeo

👍 0 · Votar

Claude Code nativo

OK
Claude Code · nativo — Landing page de SaaS, captura (Escritorio, parte superior de la página)Claude Code · nativo — Landing page de SaaS, captura (Móvil, parte superior de la página)
Modelo
claude-opus-5-5 · high
Tiempo
7m 11s
Tokens
in 30 · cache 873k · out 37.6k
Skill usado
n/a
Recursos externos
fonts.googleapis.com, fonts.gstatic.com
Fecha de ejecución
2026-10-26

a11y · grave: 1▶ vídeo

👍 0 · Votar

Claude Code + taste-skill

OK
Claude Code + taste-skill — Landing page de SaaS, captura (Escritorio, parte superior de la página)Claude Code + taste-skill — Landing page de SaaS, captura (Móvil, parte superior de la página)
Modelo
claude-opus-5-5 · high
Tiempo
15m 57s
Tokens
in 64 · cache 3.59M · out 83.5k
Skill usado
Sí
Recursos externos
fonts.googleapis.com, fonts.gstatic.com +1
Fecha de ejecución
2026-10-26

a11y: sin problemas detectados▶ vídeo

👍 0 · Votar

Codex nativo

OK
Codex · nativo — Panel de datos, captura (Escritorio, parte superior de la página)Codex · nativo — Panel de datos, captura (Móvil, parte superior de la página)
Modelo
gpt-6.1-sol · high
Tiempo
6m 56s
Tokens
in 326k · out 25.8k
Skill usado
n/a
Recursos externos
fonts.googleapis.com, fonts.gstatic.com
Fecha de ejecución
2026-10-25

a11y · crítico: 1▶ vídeo

👍 0 · Votar

Codex + taste-skill

OK
Codex + taste-skill — Panel de datos, captura (Escritorio, parte superior de la página)Codex + taste-skill — Panel de datos, captura (Móvil, parte superior de la página)
Modelo
gpt-6.1-sol · high
Tiempo
9m 32s
Tokens
in 957k · out 23.9k
Skill usado
Sí
Recursos externos
fonts.googleapis.com, fonts.gstatic.com
Fecha de ejecución
2026-10-26

a11y · crítico: 1▶ vídeo

👍 0 · Votar

Claude Code nativo

OK
Claude Code · nativo — Panel de datos, captura (Escritorio, parte superior de la página)Claude Code · nativo — Panel de datos, captura (Móvil, parte superior de la página)
Modelo
claude-opus-5-5 · high
Tiempo
8m 03s
Tokens
in 34 · cache 1.08M · out 46.4k
Skill usado
n/a
Recursos externos
ninguno
Fecha de ejecución
2026-10-26

a11y · grave: 1▶ vídeo

👍 0 · Votar

Claude Code + taste-skill

OK
Claude Code + taste-skill — Panel de datos, captura (Escritorio, parte superior de la página)Claude Code + taste-skill — Panel de datos, captura (Móvil, parte superior de la página)
Modelo
claude-opus-5-5 · high
Tiempo
10m 30s
Tokens
in 54 · cache 2.97M · out 54.2k
Skill usado
Sí
Recursos externos
fonts.googleapis.com, fonts.gstatic.com
Fecha de ejecución
2026-10-26

a11y: sin problemas detectados▶ vídeo

👍 0 · Votar

Codex nativo

OK
Codex · nativo — Blog y portafolio personal, captura (Escritorio, parte superior de la página)Codex · nativo — Blog y portafolio personal, captura (Móvil, parte superior de la página)
Modelo
gpt-6.1-sol · high
Tiempo
4m 59s
Tokens
in 218k · out 19.8k
Skill usado
n/a
Recursos externos
fonts.googleapis.com, fonts.gstatic.com
Fecha de ejecución
2026-10-25

a11y · grave: 1▶ vídeo

👍 0 · Votar

Codex + taste-skill

OK
Codex + taste-skill — Blog y portafolio personal, captura (Escritorio, parte superior de la página)Codex + taste-skill — Blog y portafolio personal, captura (Móvil, parte superior de la página)
Modelo
gpt-6.1-sol · high
Tiempo
7m 26s
Tokens
in 903k · out 17.2k
Skill usado
Sí
Recursos externos
fonts.googleapis.com, fonts.gstatic.com
Fecha de ejecución
2026-10-26

a11y: sin problemas detectados▶ vídeo

👍 0 · Votar

Claude Code nativo

OK
Claude Code · nativo — Blog y portafolio personal, captura (Escritorio, parte superior de la página)Claude Code · nativo — Blog y portafolio personal, captura (Móvil, parte superior de la página)
Modelo
claude-opus-5-5 · high
Tiempo
10m 28s
Tokens
in 24 · cache 661k · out 41.1k
Skill usado
n/a
Recursos externos
fonts.googleapis.com, fonts.gstatic.com
Fecha de ejecución
2026-10-26

a11y · grave: 1▶ vídeo

👍 0 · Votar

Claude Code + taste-skill

OK
Claude Code + taste-skill — Blog y portafolio personal, captura (Escritorio, parte superior de la página)Claude Code + taste-skill — Blog y portafolio personal, captura (Móvil, parte superior de la página)
Modelo
claude-opus-5-5 · high
Tiempo
20m 56s
Tokens
in 66 · cache 4.12M · out 85.9k
Skill usado
Sí
Recursos externos
fonts.googleapis.com, fonts.gstatic.com
Fecha de ejecución
2026-10-26

a11y · grave: 1▶ vídeo

👍 0 · Votar

Instalar y usar

Instalación a nivel de proyecto: copia la carpeta del skill (la que contiene SKILL.md) en tu proyecto, en el commit fijado. Las ejecuciones de la galería lo instalaron de la misma forma.

Claude Code

Instalar

Copia la carpeta en <project>/.claude/skills/design-taste-frontend/.

git clone https://github.com/Leonxlnx/taste-skill.git /tmp/design-taste-frontend-src
git -C /tmp/design-taste-frontend-src checkout 12af471f627f866411b4bd785b19646d3672784c
mkdir -p .claude/skills
cp -R /tmp/design-taste-frontend-src/skills/taste-skill .claude/skills/design-taste-frontend

Usar

# interactivo
/design-taste-frontend <tu tarea>

# o termina cualquier solicitud con
Use the design-taste-frontend skill.

# no interactivo, como en las ejecuciones de la galería
claude -p '<tu tarea> Use the design-taste-frontend skill.'

Para tenerlo disponible en todos los proyectos, coloca la carpeta en ~/.claude/skills/design-taste-frontend/. Claude Code también puede cargar el skill por sí solo cuando una solicitud coincide con la descripción del skill.

Codex

Instalar

Copia la carpeta en <project>/.agents/skills/design-taste-frontend/.

git clone https://github.com/Leonxlnx/taste-skill.git /tmp/design-taste-frontend-src
git -C /tmp/design-taste-frontend-src checkout 12af471f627f866411b4bd785b19646d3672784c
mkdir -p .agents/skills
cp -R /tmp/design-taste-frontend-src/skills/taste-skill .agents/skills/design-taste-frontend

Usar

# interactivo: menciónalo o elígelo en /skills
$design-taste-frontend <tu tarea>

# no interactivo, como en las ejecuciones de la galería
codex exec -s workspace-write '<tu tarea> Use the $design-taste-frontend skill.'

Para tenerlo disponible en todos los proyectos, coloca la carpeta en ~/.agents/skills/design-taste-frontend/. Codex también puede elegir el skill por sí solo, según su descripción.

Notas

Metadatos: skills/design-taste-frontend/meta.yaml · Copyright (c) 2026 Leonxlnx