tailwindcss-typography-v4-vite-plugin

Community

Fix Tailwind v4 typography styles in Vite projects.

Authorfreedomw1987
Version1.0.0
Installs0

System Documentation

What problem does it solve?

When using Tailwind CSS v4 with Vite, the @tailwindcss/typography plugin styles fail to apply even when the plugin is listed in tailwind.config.js, breaking prose styling for rich text content like blog posts or documentation.

Core Features & Use Cases

  • Resolves the Tailwind v4 plugin registration mismatch that prevents typography styles from loading
  • Provides the correct CSS-based @plugin directive setup aligned with Tailwind v4's new configuration system
  • Includes a simple verification step to confirm prose styles are successfully bundled in the final CSS output
  • Use Case: For example, if you are building a content-heavy site with Tailwind v4 and Vite, and your prose class is not styling markdown content as expected, this skill fixes the root configuration issue.

Quick Start

Use this skill to fix missing @tailwindcss/typography styles in your Tailwind CSS v4 + Vite project by adding the correct @plugin directive to your main CSS file.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: tailwindcss-typography-v4-vite-plugin
Download link: https://github.com/freedomw1987/tree_monstor/archive/main.zip#tailwindcss-typography-v4-vite-plugin

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 537,000+ vetted skills library on demand.