practical-typography

Professional typography rules for UI design enforcing correct quote marks, dashes, spacing, hierarchy, and layout. Auto-applies to generated HTML/CSS/React code.

Research-backed visual design principles for websites, presentations, documents, and any visual medium — grounded in VisAWI, Gestalt psychology, and empirical aesthetics research

AI skill for @chenglou/pretext — the 15KB TypeScript text measurement library that computes exact text metrics without DOM reflows

Toolkit for styling artifacts with professional themes. Includes 10 pre-set themes with colors/fonts for slides, docs, reports, HTML landing pages, and more.

Connect Claude Code to TypeUI MCP for curated design systems, UI prompts, and layout variations.

UI/UX design intelligence. 67 styles, 161 palettes, 57 font pairings, 25 charts, 15 stacks (React, Next.js, Vue, Svelte, Astro, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Nuxt, Jetpack Compose). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient.