typeset

Descripción general

¿Qué es typeset?

typeset es una habilidad para diseño UI que te ayuda a mejorar sistemáticamente la tipografía en productos digitales. Se enfoca en corregir la elección de fuentes, establecer una jerarquía clara, optimizar tamaños y pesos, y mejorar la legibilidad. El objetivo es que el texto se perciba intencional y pulido, alejándose de tipos genéricos o con apariencia predeterminada.

¿Quién debería usar typeset?

Diseñadores, desarrolladores y cualquier persona que trabaje en interfaces de usuario y quiera elevar su tipografía se beneficiará de typeset. Es especialmente útil cuando los usuarios reportan problemas con las fuentes, legibilidad, jerarquía del texto o cuando la tipografía se siente inconsistente o poco refinada.

Problemas que resuelve typeset

• Uso de fuentes genéricas o predeterminadas
• Mala jerarquía de texto y estructura poco clara
• Tamaños y pesos inconsistentes
• Problemas de legibilidad
• Falta de personalidad de marca en la elección tipográfica

Cómo usar

Pasos de instalación

Para instalar typeset, usa el siguiente comando:

npx skills add https://github.com/pbakaus/impeccable --skill typeset

Esto añadirá la habilidad a tu agente o entorno de proyecto.

Primeros pasos

1. Comienza revisando el archivo SKILL.md para obtener una visión general del flujo de trabajo y requisitos.
2. Sigue el paso OBLIGATORIO DE PREPARACIÓN: invoca /frontend-design para recopilar contexto y principios de diseño. Si no existe contexto, ejecuta primero /teach-impeccable.
3. Evalúa tu tipografía actual usando la lista de verificación proporcionada:
   • Revisa la elección de fuentes para que encajen con la marca y evita fuentes predeterminadas invisibles.
   • Verifica la jerarquía: asegúrate de que títulos, cuerpo y leyendas sean visualmente distintos.
   • Revisa tamaños y escalas para consistencia y legibilidad.
   • Analiza contrastes de peso y espaciado.
4. Planea mejoras basándote en tu evaluación, consultando principios de diseño y anti-patrones.
5. Aplica los cambios de forma sistemática, adaptando el flujo de trabajo a tu repositorio y herramientas.

Archivos recomendados para revisar

• SKILL.md: Documentación principal de la habilidad y flujo de trabajo

Preguntas frecuentes

¿Es typeset adecuado para todos los proyectos UI?

typeset es ideal para proyectos donde la tipografía necesita mejoras o se siente genérica. Si tu UI ya tiene tipografía intencional y bien elaborada, puede que no necesites esta habilidad.

¿Qué preparación se requiere antes de usar typeset?

Debes recopilar contexto de diseño invocando /frontend-design. Si no hay contexto, ejecuta /teach-impeccable para establecer principios básicos de diseño.

¿Puede typeset ayudar con la accesibilidad?

Aunque typeset se centra en la jerarquía visual y legibilidad, estas mejoras suelen apoyar la accesibilidad al facilitar la lectura y escaneo del texto.

¿Dónde puedo encontrar scripts y referencias de apoyo?

Abre la pestaña de Archivos en el repositorio para explorar referencias anidadas, scripts auxiliares y recursos adicionales.