$ 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.
Create and edit font proof PDFs programmatically from Glyphs.app data.
Research font choices, scan project files, and auto-download required fonts.
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.