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.
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.
Dirección de arte para sitios web, extraída de un estudio de 247 sitios de galerías seleccionados (One Page Love, Awwwards Sites of the Day) fuente
Hace que los agentes de programación diseñen sitios web y pantallas de aplicaciones en lugar de montar la landing page promedio fuente
Da al agente una dirección de arte, imágenes reales y una forma de revisar su propio trabajo en un navegador real fuente
La idea sale del tema, y el agente revisa sus propias capturas y corrige fuente
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/.
# 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/.
# 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
The upstream folder name (taste-skill) differs from the skill name (design-taste-frontend); the gallery installs it under the skill name.
Writes working files to .taste-skill/ and may save pictures and scripts next to index.html; the run scripts keep the files index.html references (output.kept_assets) and flag them as extra_files.
Codex cells have no network, so the picture search step cannot run there.
Its two signature strengths, real pictures and scroll scenes with a motion layer, are limited by the shared prompt rules (no remote images) and invisible in static screenshots; each cell also has a scroll recording.
Upstream released v2.0.0 to v2.1.5 within 12 days; always use the pinned commit.