typeset

Descripción general

¿Qué es typeset?

typeset es una habilidad de diseño de interfaz de usuario enfocada en mejorar la tipografía dentro de interfaces digitales. Mejora sistemáticamente la selección de fuentes, la jerarquía del texto, el tamaño, el peso y la legibilidad general, asegurando que tu texto se perciba intencionado y visualmente atractivo. Esta habilidad es especialmente útil cuando tu proyecto presenta una tipografía genérica, inconsistente o mal estructurada, o cuando los usuarios solicitan un texto más pulido y fácil de leer.

¿Quién debería usar typeset?

Diseñadores, desarrolladores frontend y cualquier persona responsable de la estética de la interfaz se beneficiarán de typeset. Es ideal para proyectos donde la claridad del texto, la alineación con la marca y la jerarquía visual son prioridades, como aplicaciones web, sitios de marketing y paneles de productos.

Problemas que resuelve typeset

• Elimina elecciones de fuentes predeterminadas o incompatibles
• Establece una jerarquía y escala de texto claras
• Mejora la legibilidad y accesibilidad
• Crea un sistema tipográfico cohesivo y alineado con la marca

Cómo usar

Pasos de instalación

1. Agrega la habilidad a tu proyecto:
   Ejecuta:

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

2. Revisa la documentación principal:
   Comienza con el archivo SKILL.md para un flujo de trabajo detallado y mejores prácticas.
3. Entiende los prerrequisitos:
   • Invoca $frontend-design para principios básicos de diseño y el Protocolo de Recolección de Contexto.
   • Si no existe contexto de diseño, ejecuta $teach-impeccable según las instrucciones en la documentación de la habilidad.

Resumen del flujo de trabajo

• Evalúa la tipografía actual: Identifica debilidades en la elección de fuentes, jerarquía, tamaño y legibilidad.
• Planifica mejoras: Usa las listas de verificación y guías proporcionadas para definir un nuevo sistema tipográfico.
• Implementa cambios: Aplica actualizaciones sistemáticas en fuentes, tamaños, pesos y espaciados en toda tu interfaz.

Archivos clave para explorar

• SKILL.md: Flujo de trabajo principal y guía paso a paso
• README.md, AGENTS.md, metadata.json: Contexto adicional y notas de integración
• Cualquier carpeta rules/, resources/ o references/ para materiales de apoyo

Preguntas frecuentes

¿Cuándo debería usar typeset?

Usa typeset cuando el texto de tu interfaz se vea genérico, carezca de jerarquía o los usuarios se quejen de la legibilidad. También es útil durante auditorías de diseño o al realizar un rebranding.

¿Requiere typeset experiencia en diseño?

Aunque el conocimiento de diseño ayuda, typeset ofrece pasos estructurados y listas de verificación, haciéndolo accesible tanto para diseñadores como para desarrolladores.

¿Qué hago si mi proyecto no tiene contexto de diseño existente?

Sigue las indicaciones de la habilidad para ejecutar $teach-impeccable y establecer una base antes de aplicar mejoras tipográficas.

¿Dónde puedo encontrar más detalles?

Abre la pestaña de Archivos en el directorio de habilidades de tu agente para explorar el árbol completo de archivos, incluyendo referencias y scripts auxiliares para typeset.