Diseño e interfaces

taste-skill

Interfaces con criterio de ingeniero senior, y perillas para calibrarlo.

Qué hace

Genera interfaces modernas siguiendo patrones de diseño premium, con tres controles que regulas tú: cuánto puede variar el diseño, cuánta animación lleva y qué tan densa es la información.

Lo interesante es poder subirle o bajarle la intensidad según el proyecto. Un panel de datos no quiere las mismas animaciones que una landing.

Para qué sirve

Tres cosas concretas que puedes hacer con ella.

Calibrar el resultado

Tres perillas para decidir cuánta libertad, movimiento y densidad quieres.

Animaciones que no pesan

Usa las que corren en la tarjeta gráfica, así no se traba el scroll.

Componentes ordenados

Impone una estructura estricta en vez de dejar todo en un archivo gigante.

Cómo se instala

Necesitas Claude Code andando. Si todavía no lo tienes, en recursos está la guía para instalarlo desde cero.

  1. 1 Copia la carpeta donde Claude Code la busca
    Windows:  C:\Users\TU_USUARIO\.claude\skills\
    Mac:      ~/.claude/skills/

    Cada skill vive en su propia carpeta con un SKILL.md adentro. Reinicia Claude Code después de copiarla.

  2. 2 Reinicia Claude Code

    Se activa sola cuando le pidas algo que le corresponda. No hay que invocarla por su nombre.

Cómo se usa

No hay que invocarla por su nombre. Se activa sola cuando le pides algo que le corresponde, por ejemplo:

rediseña este panel, súbele la densidad y bájale las animaciones

De quién es

Esta skill no la hice yo, y su archivo no declara autor, así que no puedo darte el crédito correcto. Si es tuya, escríbeme y le pongo tu nombre y el enlace.