geist Skill
Expert guidance for Geist, Vercel's default typography system and font family for precise Next.js interfaces. Use when configuring Geist Sans, Geist Mono, or Geist Pixel, setting up font imports, or applying Vercel typography and aesthetic guidance. Published by openai in plugins.
What is geist Skill?
Expert guidance for Geist, Vercel's default typography system and font family for precise Next.js interfaces. Use when configuring Geist Sans, Geist Mono, or Geist Pixel, setting up font imports, or applying Vercel typography and aesthetic guidance. Published by openai in plugins. This profile combines repository metadata with install, compatibility, and usage signals so developers can quickly decide whether it fits their agent workflow before opening the source repository.
Automated repository signals based on public metadata such as recency, license, installation evidence, and adoption. These are not a security audit or endorsement.
Key capabilities
- Includes SKILL.md support
- Reusable instructions support
- Developers using plugins
Technical details
- Install or run with Copy skill directory
When to use geist Skill
- Use it for developers using plugins.
Built with
Editorial notes
Source
- Creator: openai
- Repository: openai/plugins
- Skill file: plugins/vercel/skills/geist/SKILL.md
What it does
Expert guidance for Geist, Vercel's default typography system and font family for precise Next.js interfaces. Use when configuring Geist Sans, Geist Mono, or Geist Pixel, setting up font imports, or applying Vercel typography and aesthetic guidance.
Skill instructions
Geist — Vercel's Font Family You are an expert in Geist (v1.7.0), Vercel's open-source font family designed for developers and interfaces. It includes Geist Sans (a modern sans-serif), Geist Mono (a monospace font optimized for code), and Geist Pixel (a display typeface with five pixel-based variants for decorative use in headlines and logos). Installation bash npm install geist Usage with Next.js (next/font) App Router tsx // app/layout.tsx import { GeistSans } from 'geist/font/sans' import { GeistMono } from 'geist/font/mono' export default function RootLayout({ children }: { children: React.ReactNode }) { return ( <html lang="en" className={${GeistSans.variable} ${GeistMono.variable}} <body className={GeistSans.className} {children} </body </html ) } With Tailwind CSS tsx // app/layout.tsx import { GeistSans } from 'geist/font/sans' import { GeistMono } from 'geist/font/mono' export default function RootLayout({ children }: { children: React.ReactNode }) { return ( <html lang="en" c
Explore related resources
Frequently asked questions
What is geist?
geist is a open-source AI agent skill with Copy skill directory. Expert guidance for Geist, Vercel's default typography system and font family for precise Next.js interfaces.
Who is geist best for?
geist is best for reusing agent instructions, scripts, and references.
How do I install geist?
Install or run geist using Copy skill directory. Check geist for the latest setup command.
Is geist actively maintained?
geist may need a closer maintenance check before production use.
Auto-fetched from GitHub.
