Rôle du skill deno-frontend
Ce skill fait partie du repo officiel denoland/skills, une collection de skills Deno destinés aux assistants de développement IA. Le skill deno-frontend est entièrement rédigé et opérationnel : il constitue une référence exhaustive pour le développement frontend Deno, centré sur le framework Fresh 2.x, Preact et Tailwind CSS.
Contenu couvert
Le skill documente en détail l'architecture island de Fresh 2.x (rendu serveur + hydratation sélective côté client), la structure de projet recommandée, les patterns de handlers avec define.handlers() et createDefine, les composants serveur asynchrones, les islands interactifs, la gestion des routes et middlewares, ainsi que l'intégration Tailwind via le plugin Vite. Il couvre également la migration depuis Fresh 1.x vers 2.x et les erreurs fréquentes des LLMs sur les anciennes syntaxes.
Activation automatique
Le frontmatter du skill définit explicitement les contextes d'application : création de projets Fresh, construction de routes ou handlers, développement d'UI avec Preact, ajout de Tailwind CSS, travail avec les islands, et migration Fresh 1.x → 2.x. L'assistant l'applique automatiquement dès qu'une question relève de ces sujets dans un projet Deno.
Installation et utilisation
Pour bénéficier de ce skill dans Claude Code, Cursor ou VS Code avec GitHub Copilot, il suffit de copier le dossier skills/deno-frontend/ dans le répertoire skills de votre environnement (personnel ou projet). Le README du repo parent détaille les commandes selon chaque plateforme. Une fois installé, l'assistant applique automatiquement les bonnes pratiques Fresh 2.x sans qu'il soit nécessaire de le spécifier à chaque prompt.