.codex/prompts/type-pair/SKILL.md
Recommend font pairings based on the project context. Pairs a distinctive display font with a complementary body font. Never suggests banned fonts.
npx skillsauth add Dragoon0x/optik type-pairInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
Editorial: Serif display (Instrument Serif, Newsreader, Fraunces, Playfair Display) + clean sans body (Outfit, DM Sans, General Sans, Satoshi)
Technical: Monospace display (JetBrains Mono, Fira Code, IBM Plex Mono) + geometric sans body (Outfit, Sora, Manrope)
Luxury: High-contrast serif (Cormorant, Noto Serif Display) + refined sans (DM Sans, Plus Jakarta Sans)
Playful: Rounded/soft display (Anybody, Gabarito, Rubik) + friendly body (Nunito Sans, Quicksand)
Brutalist: Industrial sans (Archivo, Bebas Neue, Oswald) + sturdy body (Source Code Pro, IBM Plex Sans)
Output 2-3 pairings ranked by fit, with Google Fonts import links and CSS declarations.
testing
Comprehensive design quality audit with severity ratings, specific line references, and actionable fix instructions. Deeper than /score — examines every declaration.
testing
Audit and fix ARIA attributes. Ensures proper aria-label, aria-hidden, aria-live, and role usage throughout the interface.
content-media
--- name: animate description: Add purposeful motion and transitions to the interface. Focuses on high-impact moments: page load reveals, hover states, and scroll-triggered entries. Not decorative jitter. user-invokable: true --- # /animate — Purposeful Motion Add motion that serves a purpose: **Page load:** Staggered fade-up reveals for above-fold content. Use animation-delay in 80-120ms increments. Total reveal sequence should complete within 600ms. **Hover states:** Scale (1.02-1.05), sub
testing
Verify visual alignment across sections. Check that headings, text, images, and components share consistent alignment points.