skills
7kConjunto de skills de agente centradas en pulir interfaces de producto: UI, tipografía, color, layout, accesibilidad y copy.
- Skills en el pack
- 11 skills
- Último push al repositorio
- el mes pasado
- Licencia
- MIT
Creador
12 skills en el directorio.
Repositorios con varios skills. Se instalan enteros con un solo comando.
Conjunto de skills de agente centradas en pulir interfaces de producto: UI, tipografía, color, layout, accesibilidad y copy.
Los 12 más populares de jakubkrehel.
Estructura de layout para interfaces web. Úsalo al estructurar una página o componente, decidir qué colapsa en tamaños pequeños o revisar código frontend de layout: espaciado, alineación, jerarquía, breakpoints, RTL.
Responde '¿cómo se hizo esto?' sobre una interfaz. Dale una URL y di qué te interesa, y lee las capas que producen el efecto; lee todo el frontend si no nombras nada. Desde una captura, reconstruye en vez de leer, y lo dice.
The #1 directory of projects built with Jev
Tipografía web. Úsalo al elegir o combinar tipografías, configurar una escala tipográfica, o estilizar y truncar texto en componentes: carga de fuentes, jerarquía de encabezados, interlineado, medida, envoltura de texto y más.
Revisión de interfaz de un cambio, no de una pantalla: trabajo sin commitear, la rama actual o un pull request. Cubre calidad de interfaz, no corrección, tests ni seguridad.
Revisión de interfaz multidisciplinar. Enruta una pantalla, flujo o funcionalidad a cada skill de dominio `better-*` y consolida un veredicto único clasificado por severidad.
UX writing y copy de interfaz. Úsalo al escribir o revisar cualquier texto orientado al usuario: microcopy, etiquetas de botones, texto de enlaces, mensajes de error, estados vacíos, placeholders, mayúsculas, voz y tono.
Ingeniería de accesibilidad para interfaces de producto. Úsalo al construir o revisar componentes de UI y widgets personalizados, o cuando el usuario reporta un problema de teclado o de lector de pantalla.
Responde '¿cuál de estas?' en vez de '¿esto está bien?'. Construye varias versiones realmente distintas de una pieza de UI tras un selector en la página real, para alternar entre ellas y promover la ganadora.
Sistemas de color para productos digitales. Úsalo al crear o ampliar una paleta, tematizar apariencias claras y oscuras, o auditar los colores de un código base.
Principios de design engineering para interfaces pulidas. Úsalo al construir componentes de UI, implementar animaciones o hover, o en trabajo de detalle visual: radios, alineación óptica, sombras, iconos, motion.
Responde '¿esto aguanta?' para un componente. Lo renderiza en una página bajo todos los estados que el uso real puede provocar, y entrega esa página como informe visual de lo que se rompió.
Convierte tu voz en texto, allí donde escribas.
Principios de design engineering para pulir interfaces: úsalo al construir UI, revisar frontend o trabajar animaciones, sombras, bordes, tipografía, iconos y microinteracciones. Incluye modos de revisión rápida y completa.