Fähigkeiten typography
🎨

typography

Sicher 🌐 Netzwerkzugriff📁 Dateisystemzugriff

Professionelle Typografie-Layouts gestalten

Generische Schriftarten machen Designs amateurhaft. Diese Fähigkeit bietet Experten-Richtlinien für Typografie, um visuell ansprechende und professionelle Text-Layouts mit kuratierten Schriftempfehlungen zu erstellen.

Unterstützt: Claude Codex Code(CC)
📊 70 Angemessen
1

Die Skill-ZIP herunterladen

2

In Claude hochladen

Gehe zu Einstellungen → Fähigkeiten → Skills → Skill hochladen

3

Einschalten und loslegen

Teste es

Verwendung von "typography". Welche Schriftarten sollte ich für eine technische Dokumentationsseite verwenden?

Erwartetes Ergebnis:

  • Verwenden Sie IBM Plex Mono für Code-Auszüge und IBM Plex Sans für Fließtext
  • Die IBM Plex-Familie bietet hervorragende Lesbarkeit und technische Ästhetik
  • Kombinieren Sie mit Space Grotesk für Überschriften, um visuelles Interesse zu addieren
  • Verwenden Sie Gewicht 400 für Fließtext und 600-700 für Überschriften
  • Behalten Sie ein Größenverhältnis von 3:1 zwischen Überschriften und Fließtext bei

Verwendung von "typography". Helfen Sie mir bei der Auswahl von Schriftarten für mein Design-Portfolio

Erwartetes Ergebnis:

  • Verwenden Sie Bricolage Grotesque für Überschriften, um ausgeprägten Charakter zu zeigen
  • Kombinieren Sie mit einer sauberen Serifenschrift wie Crimson Pro für Fließtext
  • Dies erzeugt hohen Kontrast zwischen Display- und Lesetypografie
  • Laden Sie beide aus Google Fonts für zuverlässige Web-Auslieferung

Sicherheitsaudit

Sicher
v5 • 1/16/2026

This is a pure documentation skill containing only markdown text with typography design guidelines. No executable code, network requests, file system access, or cryptographic operations exist. All 38 static findings are false positives triggered by JSON field names and benign text patterns. The scanner incorrectly interprets words like DES (within design), hash, source, and font names as security threats. The skill-report.json explicitly states No executable code, network requests, or file system access detected.

2
Gescannte Dateien
198
Analysierte Zeilen
2
befunde
5
Gesamtzahl Audits

Risikofaktoren

🌐 Netzwerkzugriff (1)
skill-report.json:6
📁 Dateisystemzugriff (1)
skill-report.json:6
Auditiert von: claude Audit-Verlauf anzeigen →

Qualitätsbewertung

38
Architektur
100
Wartbarkeit
85
Inhalt
31
Community
100
Sicherheit
83
Spezifikationskonformität

Was du bauen kannst

Schriftarten für Websites auswählen

Professionelle Schriftarten auswählen, die Nutzererfahrung und Markenwahrnehmung für Webprojekte verbessern

Typografische Hierarchie erstellen

Klare visuelle Hierarchie mit Schriftgewichten, Größen und Kombinationen für Interfaces gestalten

Lesbarkeit verbessern

Passende Schriftarten für Blogs, Dokumentation und digitale Inhalte auswählen, um die Lesbarkeit zu maximieren

Probiere diese Prompts

Grundlegende Schriftauswahl 
Ich brauche Typografie-Empfehlungen für einen modernen Tech-Blog. Welche Schriftarten sollte ich für Überschriften und Fließtext verwenden?
Code-Schriftart-Kombination 
Ich erstelle Dokumentation für eine Programmier-Bibliothek. Welche Schriftarten-Kombinationen eignen sich gut für Code-Auszüge und erklärenden Text?
Redaktionelles Design 
Ich möchte ein redaktionelles Web-Layout mit hoher visueller Wirkung erstellen. Welche Schriftarten-Kombinationen erzeugen stark Kontraste?e
Erweiterte Hierarchie 
Gestalten Sie ein komplettes typografisches System für ein Design-System mit Überschriften, Fließtext, Bildunterschriften und Code. Inklusive Gewichts- und Größenempfehlungen.

Bewährte Verfahren

  • Laden Sie Schriftarten aus Google Fonts für zuverlässige Web-Auslieferung
  • Verwenden Sie extreme Gewichtskontraste (100/200 vs. 800/900) für visuelle Wirkung
  • Begrenzen Sie Ihr Design auf eine ausgeprägte Schriftfamilie, um Kohäsion zu wahren
  • Testen Sie Schriftarten-Kombinationen bei verschiedenen Bildschirmgrößen vor der Finalisierung

Vermeiden

  • Vermeiden Sie überstrapazierte Schriftarten wie Inter, Roboto, Open Sans und Lato
  • Verwenden Sie keine kleinen Gewichtsunterschiede (400 vs. 600) - gehen Sie zu Extremen
  • Verlassen Sie sich niemals auf Standardschriftarten des Systems für professionelle Designs

Häufig gestellte Fragen

Welche Plattformen unterstützen diese Typografie-Fähigkeit?
Funktioniert mit Claude, Codex und Claude Code auf jeder Plattform
Kann ich visuelle Vorschauen von Schriftarten-Kombinationen erhalten?
Diese Fähigkeit liefert nur Textempfehlungen. Verwenden Sie Google Fonts, um Kombinationen visuell zu betrachten
Unterstützt sie Sprachen außer Englisch?
Schriftarten-Empfehlungen funktionieren für jede Sprache, die von den gewählten Schrifttypen unterstützt wird
Werden meine Design-Daten privat gehalten?
Ja, dies ist eine prompt-basierte Fähigkeit ohne Datensammlung oder externe Verbindungen
Was tun, wenn Google Fonts in meiner Region blockiert ist?
Die Prinzipien gelten für jeden Schriftart-Dienst. Ersetzen Sie mit ähnlichen Schriftarten aus verfügbaren Quellen
Wie unterscheidet sich dies von generischen Schriftart-Ratschlägen?
Bietet spezifische, kuratierte Schriftfamilien und Kontrastverhältnisse basierend auf professionellen Design-Prinzipien

Entwicklerdetails

Lizenz

MIT

Repository

https://github.com/Crossbill-Highlights/crossbill-web/tree/main/.claude/skills/typography

Ref

main

Dateistruktur

📄 SKILL.md