typeset

Présentation

Qu'est-ce que typeset ?

typeset est une compétence de conception UI qui vous aide à améliorer systématiquement la typographie dans les produits numériques. Elle se concentre sur le choix des polices, l'établissement d'une hiérarchie claire, l'optimisation des tailles et des graisses, ainsi que l'amélioration de la lisibilité. L'objectif est de rendre le texte intentionnel et soigné, en s'éloignant d'une typographie générique ou par défaut.

À qui s'adresse typeset ?

Les designers, développeurs et toute personne travaillant sur des interfaces utilisateur souhaitant améliorer leur typographie tireront profit de typeset. Cette compétence est particulièrement utile lorsque les utilisateurs signalent des problèmes liés aux polices, à la lisibilité, à la hiérarchie du texte ou lorsque la typographie paraît incohérente ou peu travaillée.

Problèmes résolus par typeset

• Utilisation de polices génériques ou par défaut
• Hiérarchie du texte faible ou structure peu claire
• Tailles et graisses incohérentes
• Problèmes de lisibilité
• Absence de personnalité de marque dans les choix typographiques

Comment utiliser

Étapes d'installation

Pour installer typeset, utilisez la commande suivante :

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

Cela ajoutera la compétence à votre agent ou environnement de projet.

Premiers pas

1. Commencez par consulter le fichier SKILL.md pour un aperçu du workflow et des exigences.
2. Suivez l'étape OBLIGATOIRE DE PRÉPARATION : invoquez /frontend-design pour recueillir le contexte et les principes de design. Si aucun contexte n'existe, lancez d'abord /teach-impeccable.
3. Évaluez votre typographie actuelle à l'aide de la checklist fournie :
   • Analysez les choix de polices pour leur adéquation à la marque et évitez les polices par défaut invisibles.
   • Vérifiez la hiérarchie : assurez-vous que titres, corps de texte et légendes sont visuellement distincts.
   • Contrôlez la taille et l'échelle pour garantir cohérence et lisibilité.
   • Analysez les contrastes de graisse et les espacements.
4. Planifiez les améliorations en vous appuyant sur votre évaluation, en vous référant aux principes de design et aux anti-patterns.
5. Appliquez les modifications de manière systématique, en adaptant le workflow à votre dépôt et vos outils.

Fichiers recommandés à consulter

• SKILL.md : documentation principale de la compétence et workflow

FAQ

typeset convient-il à tous les projets UI ?

typeset est idéal pour les projets où la typographie nécessite une amélioration ou semble générique. Si votre UI dispose déjà d'une typographie intentionnelle et soignée, cette compétence peut ne pas être nécessaire.

Quelle préparation est requise avant d'utiliser typeset ?

Vous devez recueillir le contexte de design en invoquant /frontend-design. Si aucun contexte n'existe, lancez /teach-impeccable pour établir les principes fondamentaux du design.

typeset peut-il aider à l'accessibilité ?

Bien que typeset se concentre sur la hiérarchie visuelle et la lisibilité, ces améliorations contribuent souvent à l'accessibilité en facilitant la lecture et la compréhension du texte.

Où puis-je trouver les scripts et références associés ?

Ouvrez l'onglet Files dans le dépôt pour explorer les références imbriquées, les scripts d'aide et les ressources supplémentaires.