example-skills
Pack créatif et de construction : art génératif, charte de marque Navin, design de canevas et d'affiches, thèmes prêts à l'emploi, GIF pour Slack, co-rédaction de documents, communication interne, création de serveurs MCP, test d'applications web, artefacts web en un seul fichier et création de skills avec une boucle d'évaluation.
Référence
| Champ | Valeur |
|---|---|
| Nom | example-skills |
| Version | 1.0.0 |
| Catégorie | Design |
| Licence | Aucune valeur |
| Source | catalog/navin/builtin_plugins/example-skills/plugin.json |
| README | catalog/navin/builtin_plugins/example-skills/README.md |
| Digest | sha256:14b8816ab5a2b613892761517547a2500afdd61b2a1d1c6aef1f8dbe1660a868 |
| plugin.json | category, description, name, skills, steps, version |
Commandes
Le plugin ne déclare aucune commande.
Agents
Le plugin ne déclare aucun agent.
Skills
| Nom | Description |
|---|---|
| algorithmic-art | Génère de l'art algorithmique original avec p5.js (aléatoire à graine, champs de flux, systèmes de particules, bruit et variations paramétriques), présenté dans une visionneuse HTML interactive autonome avec navigation par graine, curseurs et export PNG. |
| brand-guidelines | Définit la marque Navin (palette encre sur papier avec un unique accent citron vert, typographies Inter et IBM Plex, échelle d'espacements, règles du logotype, ton de voix) et montre comment l'appliquer en HTML/CSS, python-pptx, python-docx, reportlab et matplotlib. |
| canvas-design | Conçoit des affiches, couvertures, cartons de titre et visuels d'une seule page sous forme d'un PNG ou d'un PDF : d'abord une courte philosophie visuelle, puis une composition rendue en HTML+CSS dans le navigateur headless ou avec Pillow à partir d'une spécification JSON, avec des polices sous licence libre et la palette Navin. |
| theme-factory | Applique l'un des dix thèmes de couleurs et de typographie prêts à l'emploi (Navin Studio par défaut, plus Ink and Lime, Harbor, Terracotta, Moss, Slate, Aurora, Dune, Orchard, Midnight) aux diapositives, documents, rapports et pages HTML, ou dérive un nouveau thème au même format. |
| slack-gif-creator | Produit de petits GIF animés en boucle pour Slack (emoji personnalisé en 128x128, GIF de message jusqu'à 2 MB) à partir de code avec Pillow, en appliquant des budgets de taille, une réduction de palette et des courbes d'accélération pour que le résultat reste lisible en vignette. |
| doc-coauthoring | Coécrire des documents structurés (propositions, spécifications techniques, documents de décision, RFC, briefs, PRD) en trois étapes : un court tour de contexte, un plan puis une rédaction section par section relue bloc par bloc, et une simulation de lecture qui liste d'abord les manques. |
| internal-comms | Rédiger des communications internes que les gens lisent vraiment (points d'avancement hebdomadaires, newsletters d'équipe, réponses de FAQ, notes à la direction, points projet et communications d'incident) avec une matrice public et ton et des gabarits de structure fixes. |
| mcp-builder | Construire un serveur MCP (Model Context Protocol) de bout en bout : cadrer l'API amont, choisir Python FastMCP ou le SDK TypeScript, concevoir des outils qu'un LLM choisit correctement (noms, schémas, pagination, erreurs), implémenter, exécuter via stdio ou HTTP, tester avec un client, écrire un jeu d'évaluation et l'intégrer à Navin. |
| webapp-testing | Teste une application web locale de bout en bout : démarrer le serveur testé, découvrir les sélecteurs dans le DOM rendu, piloter les pages avec l'outil browser intégré ou des scripts Playwright, capturer les erreurs de console, les requêtes en échec et des captures d'écran, puis rendre compte des constats. |
| web-artifacts-builder | Construit des artefacts web multi-composants (React + TypeScript + Material UI + framer-motion, three.js en option) regroupés dans un seul fichier HTML autonome affiché à côté du chat : échafaudage, aperçu en direct, bundle vite-plugin-singlefile. |
| 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. |
| skill-creator | Créer ou mettre à jour des AgentSkills avec scripts, références et ressources, puis les mesurer par une boucle d'évaluation (prompts avec et sans le skill, notation déterministe, benchmark, rapport HTML, ajustement de la description). |
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
| Étape | Utiliser |
|---|---|
| créer de l'art génératif avec p5.js et un générateur à graine | skill:algorithmic-art |
| appliquer la marque Navin (palette, typographie, règles du logo) à tout livrable | skill:brand-guidelines |
| concevoir une affiche, une couverture ou un canevas en une seule image | skill:canvas-design |
| choisir et appliquer un thème visuel prêt à l'emploi | skill:theme-factory |
| créer un GIF animé pour Slack | skill:slack-gif-creator |
| co-rédiger une proposition, une spécification ou un document de décision section par section | skill:doc-coauthoring |
| rédiger un point d'avancement, une newsletter, une FAQ ou une note d'incident | skill:internal-comms |
| construire et évaluer un serveur MCP | skill:mcp-builder |
| tester une application web locale dans un navigateur sans interface | skill:webapp-testing |
| regrouper un artefact React + MUI dans un seul fichier HTML | skill:web-artifacts-builder |
| donner à une interface une direction visuelle distinctive | skill:frontend-design |
| créer un skill et l'améliorer avec des évaluations | skill:skill-creator |
L'activer dans un projet
Activer example-skills crée 13 activations dans le projet : le plugin lui-même et 12 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": "example-skills"}'
<project> : identifiant ou slug du projet. <token> : clé d'API avec le rôle éditeur sur le projet.
client.navin_library.activate("<project>", "plugin", "example-skills")