Using the Geist design system & fonts
Created by CodeCraft LLCUse, advise on, and review the Geist typeface family (Geist Sans, Geist Mono) and Geist design-system conventions
Product and technology names are trademarks of their respective owners, used only to identify what this skill covers. CodeCraft LLC is not affiliated with or endorsed by them.
by Jace (@jamick)v1.0.1 · updated 2026-10-03Report copyright infringement
Description
Use, advise on, and review the Geist typeface family (Geist Sans, Geist Mono) and Geist design-system conventions — loading via next/font or the `geist` package, CSS variables, Tailwind v4 theme wiring, fallback stacks, weights/variable axes, numeric and code typography, and avoiding layout shift. Use whenever the project imports `geist`, `Geist`/`Geist_Mono` from next/font/google, uses `--font-geist-sans`/`--font-geist-mono`, or the user asks about fonts, typography, "Vercel-style" UI, or text that flashes/shifts on load.
Included with all-access
$5.00 value as a single download
AiSkillz is in preview: browse the catalogue now - skill downloads and subscriptions open soon.
All skills are included with the all-access subscription
Changelog
v1.0.1Oct 3, 2026Latest
Changed
- Renamed the title to describe what the skill does with the product, so it doesn't read as an official or endorsed edition.
- Added a trademark notice to the README.
v1.0.0Oct 2, 2026
Added
- First release.