skill-gallery

theme-factory

El kit de temas de Anthropic: diez paletas de colores predefinidas con combinaciones de fuentes (o un tema personalizado generado) que se aplican a una pieza terminada, como una landing page. Solo color y tipografía, no maquetación. Instrucciones más diez pequeños archivos de tema y un PDF de muestra.

Ruta
skills/theme-factory · SKILL.md
Commit fijado
dbd4588f9e
Licencia
Apache-2.0

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. Solo nombra las landing pages; panel y blog-portafolio se apoyan en «reportings» y «any artifact».

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 + theme-factory

OK
Codex + theme-factory — Landing page de SaaS, captura (Escritorio, parte superior de la página)Codex + theme-factory — Landing page de SaaS, captura (Móvil, parte superior de la página)
Modelo
gpt-6.1-sol · high
Tiempo
5m 57s
Tokens
in 221k · out 20.8k
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

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 + theme-factory

OK
Claude Code + theme-factory — Landing page de SaaS, captura (Escritorio, parte superior de la página)Claude Code + theme-factory — Landing page de SaaS, captura (Móvil, parte superior de la página)
Modelo
claude-opus-5-5 · high
Tiempo
6m 13s
Tokens
in 36 · cache 967k · out 37.4k
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

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 + theme-factory

OK
Codex + theme-factory — Panel de datos, captura (Escritorio, parte superior de la página)Codex + theme-factory — Panel de datos, captura (Móvil, parte superior de la página)
Modelo
gpt-6.1-sol · high
Tiempo
11m 14s
Tokens
in 523k · out 28.6k
Skill usado
Sí
Recursos externos
ninguno
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 + theme-factory

OK
Claude Code + theme-factory — Panel de datos, captura (Escritorio, parte superior de la página)Claude Code + theme-factory — Panel de datos, captura (Móvil, parte superior de la página)
Modelo
claude-opus-5-5 · high
Tiempo
6m 05s
Tokens
in 36 · cache 923k · out 39.1k
Skill usado
Sí
Recursos externos
ninguno
Fecha de ejecución
2026-10-26

a11y · grave: 2▶ 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 + theme-factory

OK
Codex + theme-factory — Blog y portafolio personal, captura (Escritorio, parte superior de la página)Codex + theme-factory — Blog y portafolio personal, captura (Móvil, parte superior de la página)
Modelo
gpt-6.1-sol · high
Tiempo
8m 49s
Tokens
in 221k · out 21.5k
Skill usado
Sí
Recursos externos
ninguno
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 + theme-factory

OK
Claude Code + theme-factory — Blog y portafolio personal, captura (Escritorio, parte superior de la página)Claude Code + theme-factory — Blog y portafolio personal, captura (Móvil, parte superior de la página)
Modelo
claude-opus-5-5 · high
Tiempo
6m 32s
Tokens
in 34 · cache 963k · out 38.3k
Skill usado
Sí
Recursos externos
cdn.jsdelivr.net
Fecha de ejecución
2026-10-26

a11y: sin problemas detectados▶ 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/theme-factory/.

git clone https://github.com/anthropics/skills.git /tmp/theme-factory-src
git -C /tmp/theme-factory-src checkout dbd4588f9e1033efb41dad4bef2f7947c8993d44
mkdir -p .claude/skills
cp -R /tmp/theme-factory-src/skills/theme-factory .claude/skills/theme-factory

Usar

# interactivo
/theme-factory <tu tarea>

# o termina cualquier solicitud con
Use the theme-factory skill.

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

Para tenerlo disponible en todos los proyectos, coloca la carpeta en ~/.claude/skills/theme-factory/. 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/theme-factory/.

git clone https://github.com/anthropics/skills.git /tmp/theme-factory-src
git -C /tmp/theme-factory-src checkout dbd4588f9e1033efb41dad4bef2f7947c8993d44
mkdir -p .agents/skills
cp -R /tmp/theme-factory-src/skills/theme-factory .agents/skills/theme-factory

Usar

# interactivo: menciónalo o elígelo en /skills
$theme-factory <tu tarea>

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

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

Notas

Metadatos: skills/theme-factory/meta.yaml · Copyright 2026 Anthropic, PBC.