make-interfaces-feel-better
Principes d'ingénierie du design pour donner aux interfaces une finition soignée.
Quand l'utiliser
À utiliser pour créer des composants d'interface, relire du code frontend, implémenter des animations, des états de survol, des ombres, des bordures, la typographie, des micro-interactions, des animations d'entrée et de sortie, ou tout travail sur les détails visuels. Déclencheurs : finition d'interface, détails de design, « rends-le plus agréable », « quelque chose cloche », animations décalées, border radius, alignement optique, lissage des polices, chiffres tabulaires, contours d'images, box shadows.
Entrées et outils
Le skill reçoit la demande de l'utilisateur en langage naturel : son frontmatter ne déclare aucun argument. Il ne déclare pas d'allowed-tools : les outils disponibles sont ceux de l'agent qui le charge, selon la politique d'outils du projet.
Référence
| Champ | Valeur |
|---|---|
| Nom | make-interfaces-feel-better |
| Catégorie | Développement |
| Version | Aucune valeur |
| Licence | Aucune valeur |
| Outils autorisés | Aucune valeur |
| Plugins | frontend-design |
| Source | catalog/navin/skills/make-interfaces-feel-better/SKILL.md |
| Digest | sha256:c5886927e9d0127d5643fda3f0b47c5668480144ab5803ee8a6e66a8bafafe8c |
skill_md_digest | sha256:3c40d0e11deb97df0705129f8b0384bbae9421f8d466c7d0e49d958b982dc74e |
| Emoji | ✨ |
Fichiers fournis
| Chemin | Nombre |
|---|---|
catalog/navin/skills/make-interfaces-feel-better | 4 |
Frontmatter
Chaque champ du frontmatter de SKILL.md, avec la valeur de la source :
| Champ | Valeur |
|---|---|
name | make-interfaces-feel-better |
description | Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend code, implementing animations, hover states, shadows, borders, typography, micro-interactions, enter/exit animations, or any visual detail work. Triggers on UI polish, design details, "make it feel better", "feels off", stagger animations, border radius, optical alignment, font smoothing, tabular numbers, image outlines, box shadows. |
metadata.navin.emoji | ✨ |
metadata.navin.category | development |