Skills de diseño frontend para Claude Code y Codex

Crea un adorable personaje 3D de peluche en tu navegador y guárdalo como PNG transparente o como página 3D.

Un año de actividad diaria en una cuadrícula de calendario sombreada, con rachas, totales y acceso por teclado.

Papel arena cálido y guías finas alrededor de un tablero kanban en vivo donde un asistente planifica tareas.

Un hero de landing page con una palabra del titular que rota suavemente, dos botones y un marco ancho para imagen.

Un héroe shader vivo en naranja tras un titular anclado abajo, navegación en píldora y casos en cuadrícula.

Una web de marketing oscura y llena de movimiento para un producto de software, entregada como un único archivo HTML autónomo.

Seis tarjetas inclinadas flotan alrededor de un titular que se desvanece, con una tarjeta de retrato roja.

Una web personal oscura para ingenieros con casos de estudio, artículos, charlas, currículum y formulario de contacto.

Héroe dividido en azul marino, titular serif junto a una foto documental y un acento cobalto.

Píldoras de cristal esmerilado sobre fondo casi negro, titular serif enorme y captura de correo.

Nombres de modelo enormes y finos sobre fotos de estudio plateadas y tarjetas de especificaciones.

Un diagrama de sistema offline y clicable, creado a partir de un modelo JSON validado, con la evidencia detrás de cada caja.

Una cuadrícula oscura de hilos finos que se inclina hacia el cursor y lanza un anillo luminoso con cada clic.

Convierte notas de proyecto en un grafo offline y con búsqueda donde cada afirmación enlaza con su línea de origen.

Cuatro KPIs con indicadores de cambio, gráfico de líneas, desglose y barras de objetivo.

Ve tres diseños de página completa primero, elige uno y tu agente lo construye como código limpio y adaptable.

Una web de revista con calidad de imprenta, con artículos, temas, una pequeña tienda y suscripciones, en un único archivo HTML.

Texto sobre papel cálido junto a una esfera de puntos que cambia con cada idea.

Retrato fundido con papel cálido bajo un corchete fino, con afirmaciones a cada lado.

Página oscura con iluminación de cine: titular serif, escena nocturna y formulario de reserva.

Una consola de back office funcional con gráficos, tablas, kanban y calendario, en un único archivo HTML offline.

Una web de marketing tranquila y luminosa para un producto de software, con consola de producto funcional, precios y registro.

Un CV online de varias páginas hecho con objetos de papel, con casos de estudio y un currículum imprimible.

Una tienda completa de calzado o ropa con catálogo, páginas de producto, cesta y checkout de demostración en un único HTML.

Página grafito, titular pequeño y un grafo de nodos en vivo que ejecuta, reintenta y transmite registros.