·frontend-google-fonts
</>

frontend-google-fonts

Typografie-Setup mit Google Fonts für Next.js + Tailwind-Projekte. Verwenden Sie diese Option, wenn Sie Schriftarten auswählen, Empfehlungen zur Schriftartenpaarung benötigen (SaaS, Redaktion, Unternehmensvoreinstellungen) oder das optimierte Laden von Schriftarten einrichten. Enthält gebrauchsfertige Konfigurationen und Best Practices für die Leistung.

13Installationen·0Trend·@petbrains

Installation

$npx skills add https://github.com/petbrains/mvp-builder --skill frontend-google-fonts

So installieren Sie frontend-google-fonts

Installieren Sie den KI-Skill frontend-google-fonts schnell in Ihrer Entwicklungsumgebung über die Kommandozeile

  1. Terminal öffnen: Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Installationsbefehl ausführen: Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/petbrains/mvp-builder --skill frontend-google-fonts
  3. Installation überprüfen: Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Quelle: 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 |

Typografie-Setup mit Google Fonts für Next.js + Tailwind-Projekte. Verwenden Sie diese Option, wenn Sie Schriftarten auswählen, Empfehlungen zur Schriftartenpaarung benötigen (SaaS, Redaktion, Unternehmensvoreinstellungen) oder das optimierte Laden von Schriftarten einrichten. Enthält gebrauchsfertige Konfigurationen und Best Practices für die Leistung. Quelle: petbrains/mvp-builder.

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/petbrains/mvp-builder --skill frontend-google-fonts
Kategorie
</>Entwicklung
Verifiziert
Erstes Auftreten
2026-02-22
Aktualisiert
2026-03-10

Browse more skills from petbrains/mvp-builder

Schnelle Antworten

Was ist frontend-google-fonts?

Typografie-Setup mit Google Fonts für Next.js + Tailwind-Projekte. Verwenden Sie diese Option, wenn Sie Schriftarten auswählen, Empfehlungen zur Schriftartenpaarung benötigen (SaaS, Redaktion, Unternehmensvoreinstellungen) oder das optimierte Laden von Schriftarten einrichten. Enthält gebrauchsfertige Konfigurationen und Best Practices für die Leistung. Quelle: petbrains/mvp-builder.

Wie installiere ich frontend-google-fonts?

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/petbrains/mvp-builder --skill frontend-google-fonts Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Wo ist das Quell-Repository?

https://github.com/petbrains/mvp-builder