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
- Choose the right primitive: flex for one-dimensional rows/columns, grid for two-dimensional layouts; avoid f…
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.