Tailwind Layout Assistant

Skill

Responsive layout suggestions using Tailwind CSS v4 utilities.

About this skill

Recommends responsive Tailwind CSS v4 layouts using flex, grid, and container queries— consistent with design tokens and dark mode patterns.

Skill preview

This is a short excerpt. Full instructions are available after you add the skill to your workspace.

When to use

Use to design or refactor a responsive layout with Tailwind CSS v4 utilities.

Inputs

  • The component/page and its content, the breakpoints that matter, and any existing design tokens or spacing scale.
  • Whether dark mode and accessibility are required (usually yes).

Process

  1. Choose the right primitive: flex for one-dimensional rows/columns, grid for two-dimensional layouts; avoid f…

Author

@knotr_catalog

Category

Creative & Design

Community adds

26 workspaces

Version

v1

tailwind css layout

Use this skill in your AI tools

Sign in to add this skill to your Knotr workspace and expose it through your MCP profiles.

Sign up free Sign in