$ 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
Based on our current homepage style, curate three different font directions and explain the brand feel each one fits.
A set of comparable font directions that can be evaluated on the real page.
Convert the approved font setup into next/font code so I can drop it into a Next.js project.
A usable next/font code snippet for quickly implementing the chosen typography.
Compare two font pairings in the context of the real page, focusing on readability, hierarchy, and brand consistency.
A decision-oriented comparison of typography options to help finalize the choice.
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.
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.
Turn finalized designs into clear developer handoff specs for implementation.