Can I define custom aspect ratios with this skill?

Yes, it provides examples for both standard ratios like aspect-video and custom JIT aspect ratios using bracket notation.

Does it support the dynamic viewport height (h-dvh)?

Yes, it includes full documentation and implementation patterns for h-dvh to ensure layouts work correctly with mobile browser chrome.

What Tailwind version does this skill cover?

This skill is specifically optimized for Tailwind CSS v4.1, including the latest utility additions and syntax changes.

Is it useful for responsive design?

Absolutely. It covers responsive width and height classes, showing how to apply different sizing constraints at various breakpoints.

Tailwind CSS Sizing Utilities

Name: Tailwind CSS Sizing Utilities
Author: fusengine

byfusengine

Design Tools

Simplifies frontend layout construction by providing comprehensive Tailwind CSS v4.1 sizing utilities for widths, heights, constraints, and aspect ratios.

About

This skill equips Claude with the technical knowledge to implement precise, responsive layouts using the latest Tailwind CSS v4.1 specifications. It covers a broad range of sizing controls, from standard pixel-based increments to advanced dynamic viewport units like h-dvh and modern aspect ratio configurations. By leveraging this skill, developers can ensure that AI-generated styles adhere to best practices for container constraints, sidebar layouts, and media-rich components, resulting in production-grade CSS that works across all device types.

Key Features

Comprehensive width and height utilities (v4.1)
Standardized responsive layout patterns for containers and sidebars
Support for Dynamic Viewport Height (h-dvh)
Advanced Min/Max constraint implementation
0 GitHub stars
Modern Aspect Ratio controls including custom JIT ratios

Use Cases

Building responsive full-screen applications that account for mobile browser UI elements
Implementing robust layout structures like sidebars and constrained content wrappers
Creating media-heavy interfaces with consistent aspect-ratio-locked containers

About

Key Features

Comprehensive width and height utilities (v4.1)
Standardized responsive layout patterns for containers and sidebars
Support for Dynamic Viewport Height (h-dvh)
Advanced Min/Max constraint implementation
0 GitHub stars
Modern Aspect Ratio controls including custom JIT ratios

Use Cases

Building responsive full-screen applications that account for mobile browser UI elements
Implementing robust layout structures like sidebars and constrained content wrappers
Creating media-heavy interfaces with consistent aspect-ratio-locked containers