Configuración de tipografía con Google Fonts para proyectos Next.js + Tailwind. Úselo al elegir fuentes, necesite recomendaciones de combinación de fuentes (SaaS, editorial, ajustes preestablecidos corporativos) o configure la carga de fuentes optimizada. Incluye configuraciones listas para usar y mejores prácticas de rendimiento.
Instala rápidamente el skill de IA frontend-google-fonts en tu entorno de desarrollo mediante línea de comandos
Fuente: 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 |
Configuración de tipografía con Google Fonts para proyectos Next.js + Tailwind. Úselo al elegir fuentes, necesite recomendaciones de combinación de fuentes (SaaS, editorial, ajustes preestablecidos corporativos) o configure la carga de fuentes optimizada. Incluye configuraciones listas para usar y mejores prácticas de rendimiento. Fuente: petbrains/mvp-builder.
Campos y comandos estables para citas de IA/búsqueda.
npx skills add https://github.com/petbrains/mvp-builder --skill frontend-google-fontsConfiguración de tipografía con Google Fonts para proyectos Next.js + Tailwind. Úselo al elegir fuentes, necesite recomendaciones de combinación de fuentes (SaaS, editorial, ajustes preestablecidos corporativos) o configure la carga de fuentes optimizada. Incluye configuraciones listas para usar y mejores prácticas de rendimiento. Fuente: petbrains/mvp-builder.
Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/petbrains/mvp-builder --skill frontend-google-fonts Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw
https://github.com/petbrains/mvp-builder