Is text scaling included in the utility set?

Yes, the skill handles the full font size scale from text-xs to text-9xl, including responsive scaling patterns.

What is the primary benefit of using this skill in Claude Code?

It ensures that Claude uses accurate, up-to-date Tailwind v4.1 syntax for typography, reducing errors and ensuring your styles align with modern CSS best practices.

Can I control font families and weights with this skill?

Absolutely. It provides full coverage for font-sans, font-serif, and font-mono families, along with the complete range of font weights from thin to black.

How does it handle text decoration?

It provides comprehensive support for text decoration styles, colors, and transformations like uppercase, lowercase, and capitalize.

Does this skill support Tailwind CSS v4.1 features?

Yes, it specifically includes support for the latest v4.1 utilities, including text-shadow and new text wrapping options like 'balance' and 'pretty'.

Tailwind CSS Typography

Name: Tailwind CSS Typography
Author: fusengine

byfusengine

0•

デザインツール

Streamlines the implementation of Tailwind CSS v4.1 typography utilities for professional web styling.

This skill empowers Claude with specialized knowledge of Tailwind CSS v4.1 typography utilities, allowing it to generate and manage precise text styles within your projects. It encompasses a wide range of formatting options including font families, scaling font sizes, weights, and advanced text-wrapping techniques like 'balance' and 'pretty'. Ideal for frontend developers looking to maintain consistent design systems, this skill also supports the latest v4.1 additions such as native text-shadow utilities and comprehensive text decoration controls.

主な機能

01Detailed text decoration, transform, and spacing configurations

02Support for advanced Tailwind v4.1 text wrapping (balance/pretty)

03Implementation of new v4.1 text-shadow utility classes

040 GitHub stars

05Full font family control for sans, serif, and mono variants

06Comprehensive font scaling from text-xs to text-9xl

ユースケース

01Developing consistent typographic systems across large-scale web applications

02Implementing modern text effects and shadows using the latest Tailwind features

03Optimizing text readability through advanced wrapping and spacing utilities

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add fusengine/agents tailwindcss-typography

For use in Claude.ai and ChatGPT

Download Skill