fusengine/tailwindcss-layout
plugins/tailwindcss/skills/tailwindcss-layout/SKILL.md
Layout utilities Tailwind CSS v4.1. Flexbox (flex, justify, items, gap), Grid (grid-cols, grid-rows, place), Position (absolute, relative, fixed, sticky, inset, z-index), Container queries (@container). Use when: building flex or grid layouts, positioning elements (absolute/relative/fixed/sticky), managing z-index/inset, or writing container-query responsive styles.
$ install --global
skillsauthnpx skillsauth add fusengine/agents tailwindcss-layoutInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Jul 17, 2026, 2:45 AM155.1s4 files scanned
SKILL.md
- name:
- tailwindcss-layout
- description:
- Layout utilities Tailwind CSS v4.1. Flexbox (flex, justify, items, gap), Grid (grid-cols, grid-rows, place), Position (absolute, relative, fixed, sticky, inset, z-index), Container queries (@container). Use when: building flex or grid layouts, positioning elements (absolute/relative/fixed/sticky), managing z-index/inset, or writing container-query responsive styles.
- user-invocable:
- false
Tailwind CSS Layout Utilities (v4.1)
Layout utilities for building responsive layouts with Flexbox, Grid, Positioning, and Container Queries.
Core Topics
- Flexbox:
flex,flex-direction,justify-content,align-items,gap - Grid:
grid,grid-template-columns,grid-template-rows,place-items,place-content - Position:
absolute,relative,fixed,sticky,inset,z-index - Display:
block,inline,inline-block,flex,grid,hidden - Container Queries:
@container,@md,@lg, responsive container sizing - Spacing:
gap,space-x,space-y, multi-directional spacing - Alignment:
justify-start,items-center,place-content, multi-axis alignment - Inset:
inset,inset-x,inset-y,top,right,bottom,left
Display
<div class="block">Block</div>
<div class="inline">Inline</div>
<div class="inline-block">Inline-block</div>
<div class="flex">Flex</div>
<div class="grid">Grid</div>
<div class="hidden">Hidden</div>
References
/flexbox.md- Flexbox utilities, flex direction, flex grow/shrink/grid.md- Grid layout, columns, rows, gaps, placement/position.md- Position utilities, absolute/relative/fixed/sticky, stacking
Related Skills
fusengine/ux-copy
testing
VerifiedTrustedCommunity
Copy self-audit and ban-lists — filler verbs/hype adjectives, slop placeholder names, fake-precise numbers, Title Case headlines, humor in error copy ('Oops!'), em-dash crutch, one copy register per page.
20SKILL.mdUpdated Jul 15, 2026
fusengine/design-webapp
development
VerifiedTrustedCommunity
Logged-in web apps — dashboards, auth flows, settings, onboarding, data tables, command palettes, modals, toasts. Register `product`: density and glance-speed over marketing polish, no hero/CTA-tricks, every data surface covers empty/loading/error explicitly, tables and dataviz follow preattentive-processing rules.
20SKILL.mdUpdated Jul 15, 2026
fusengine/design-web
development
VerifiedTrustedCommunity
Marketing sites, landing pages, campaign pages — register `brand` (design IS the product). Structure comes from the register's POV + a macrostructure pick, never from copying an inspiration site's section flow. Hero discipline, deviated section order, asymmetric grids, and a silhouette lookalike-test gate before ship.
20SKILL.mdUpdated Jul 15, 2026
fusengine/design-system
development
VerifiedTrustedCommunity
Token-strategy core — OKLCH color rules, neutral tinting, accent-commitment levels, type scale, 8pt spacing grid, touch targets, and the canonical output format of design-system.md (the file the harness gates on). This is routing step 1 of design-method/SKILL.md — read it before design-web/design-webapp/design-ios/design-android, before picking or auditing a single color/type/spacing value.
20SKILL.mdUpdated Jul 13, 2026