Configuration de la typographie avec Google Fonts pour les projets Next.js + Tailwind. À utiliser lors du choix des polices, lorsque vous avez besoin de recommandations d'association de polices (SaaS, éditorial, préréglages d'entreprise) ou lors de la configuration d'un chargement optimisé des polices. Inclut des configurations prêtes à l’emploi et les meilleures pratiques en matière de performances.
Installez rapidement le skill IA frontend-google-fonts dans votre environnement de développement via la ligne de commande
Source : petbrains/mvp-builder.
Typography setup for web projects. Font pairings + performance optimization.
| Inter | Sans | Universal default | | Plus Jakarta Sans | Sans | Modern SaaS | | DM Sans | Sans | Clean startups | | Geist | Sans | Dev tools | | Playfair Display | Serif | Elegant headlines | | Lora | Serif | Long-form reading | | JetBrains Mono | Mono | Code blocks |
| SaaS Dashboard | Inter | Inter | | Marketing Site | Plus Jakarta | Inter | | Blog | Playfair Display | Lora | | Dev Docs | Geist | Inter | | Enterprise | Source Sans | Source Serif |
Configuration de la typographie avec Google Fonts pour les projets Next.js + Tailwind. À utiliser lors du choix des polices, lorsque vous avez besoin de recommandations d'association de polices (SaaS, éditorial, préréglages d'entreprise) ou lors de la configuration d'un chargement optimisé des polices. Inclut des configurations prêtes à l’emploi et les meilleures pratiques en matière de performances. Source : petbrains/mvp-builder.
Champs et commandes stables pour les citations IA/recherche.
npx skills add https://github.com/petbrains/mvp-builder --skill frontend-google-fontsConfiguration de la typographie avec Google Fonts pour les projets Next.js + Tailwind. À utiliser lors du choix des polices, lorsque vous avez besoin de recommandations d'association de polices (SaaS, éditorial, préréglages d'entreprise) ou lors de la configuration d'un chargement optimisé des polices. Inclut des configurations prêtes à l’emploi et les meilleures pratiques en matière de performances. Source : petbrains/mvp-builder.
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/petbrains/mvp-builder --skill frontend-google-fonts Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw
https://github.com/petbrains/mvp-builder