Aller au contenu principal

frontend-design

Des interfaces distinctives, prêtes pour la production, qui évitent l'aspect générique des interfaces générées : direction guidée par le sujet, typographie, palette, animations sobres et textes d'interface, construits dans le design system verrouillé.

Référence​

ChampValeur
Nomfrontend-design
Version1.0.0
CatégorieDéveloppement
LicenceAucune valeur
Sourcecatalog/navin/builtin_plugins/frontend-design/plugin.json
READMEcatalog/navin/builtin_plugins/frontend-design/README.md
Digestsha256:1ceeb2eea91f6c06df54889a218e411d9091f9c2399ba09c96634e123a176bb0
plugin.jsoncategory, description, name, skills, steps, version

Commandes​

Le plugin ne déclare aucune commande.

Agents​

Le plugin ne déclare aucun agent.

Skills​

NomDescription
frontend-designDonne à 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.
ui-ux-pro-maxIntelligence de design UI/UX web par défaut de Navin. Générateur de design system (84 styles, 192 palettes, typographie, modèles de landing pages, règles UX) avec framer-motion obligatoire pour tous les sites web.
make-interfaces-feel-betterPrincipes d'ingénierie du design pour donner aux interfaces une finition soignée.

Hooks, serveurs MCP et réglages​

plugin.json ne déclare aucun hook, aucun serveur MCP et aucun réglage : le plugin se compose uniquement des éléments ci-dessus.

Étapes de travail​

ÉtapeUtiliser
choisir une direction visuelle pour une nouvelle interfaceskill:frontend-design
rechercher des styles, des palettes et des associations de policesskill:ui-ux-pro-max
peaufiner l'interface terminéeskill:make-interfaces-feel-better

L'activer dans un projet​

Activer frontend-design crée 4 activations dans le projet : le plugin lui-même et 3 skills. Retirer l'activation du plugin les retire toutes.

curl -X POST <control-plane-url>/v1/projects/<project>/navin-library/activations \
-H "Authorization: Bearer <token>" -H "Content-Type: application/json" \
-d '{"kind": "plugin", "name": "frontend-design"}'

<project> : identifiant ou slug du projet. <token> : clé d'API avec le rôle éditeur sur le projet.

client.navin_library.activate("<project>", "plugin", "frontend-design")