$ loading_
Preview typography directions on a real site and generate next/font code.
Copy the install command and let the AI configure it · recommended for beginners
Please install the "Font Lab" MCP server from askskill: Run: claude mcp add 'io-github-jmg698-font-lab' -- npx -y font-lab
During a website refresh, designers and frontend developers can evaluate font directions in the real site context, then export next/font code for implementation.
When defining a brand website's visual style, product or brand teams can compare typography options and reduce decisions made outside the real page context.
It helps curate and evaluate typography directions on a real website and can output next/font code for faster implementation.
Based on the description, it can generate next/font code, so it is relevant to Next.js projects using next/font. For exact integration details, see the source repository.
It emphasizes making typography decisions on the real site rather than in an isolated preview, and it also produces next/font code. For more differences, see the source repository.
Subset fonts and generate optimized WOFF2 webfont chunks with CSS output.
Create and edit font proof PDFs programmatically from Glyphs.app data.
Generate UI design rules, color palettes, and brand design references.
Extract design tokens from public websites into JSON and CSS variables.
Convert DITA documentation into AI-ready Markdown on demand.
Turn finalized designs into clear developer handoff specs for implementation.