frontend-design
Donne à une interface nouvelle ou retravaillée une identité visuelle distinctive et réfléchie plutôt qu'un aspect générique : direction esthétique guidée par le sujet, typographie, palette, mise en page, animations sobres et textes d'interface, planifiés sous forme de système de tokens et critiqués avant le code.
Quand l'utiliser
À utiliser quand l'utilisateur demande « conçois une landing page », « crée un tableau de bord qui n'ait pas l'air générique », « rends cette interface moins standard », « choisis une direction visuelle », « choisis les polices et les couleurs de cette application », « refais le design de cette page », ou pour tout travail frontend où l'apparence fait partie de la demande.
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 | frontend-design |
| Catégorie | Développement |
| Version | Aucune valeur |
| Licence | Aucune valeur |
| Outils autorisés | Aucune valeur |
| Plugins | example-skills, frontend-design |
| Source | catalog/navin/skills/frontend-design/SKILL.md |
| Digest | sha256:b186a8123566beca443b37b4776420a7acb385cd37ebee16f79dac4f2d763c32 |
skill_md_digest | sha256:41b07ea199702c2afd278935dba9144432893996e1f376345810b23a7a2ccf6f |
Frontmatter
Chaque champ du frontmatter de SKILL.md, avec la valeur de la source :
| Champ | Valeur |
|---|---|
name | frontend-design |
description | Gives a new or reworked interface a distinctive, deliberate visual identity instead of a templated look - subject-driven aesthetic direction, typography, palette, layout, restrained motion and interface copy, planned as a token system and critiqued before code. Use when the user asks to "design a landing page", "build a dashboard that does not look generic", "make this UI look less templated", "pick a visual direction", "choose fonts and colors for this app", "redesign this page", or any frontend work where the look is part of the brief. |
metadata.navin.category | development |