LogoClawIndex
案例技能关于
LogoClawIndex

frontend-style-layout - Tailwind v4 前端样式与布局模式

使用 Tailwind v4 应用一致的样式和布局模式

标签

更新于: 2026-03-10
前端Tailwind CSS布局响应式设计样式v4 迁移

能力

典型输入

典型输出

该技能可以做什么

  • 应用 Tailwind v4 类
  • 构建页面布局
  • 选择间距方法
  • 实现响应式图片
  • 迁移 v3 类到 v4

输入

  • 设计规范
  • Tailwind v3 类
  • 图片资源

输出

  • 样式化页面布局
  • 响应式图片组件
  • 迁移后的 v4 类

要求

  • Tailwind v4
  • 语义化 HTML 结构
  • 响应式设计上下文

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
应用 Tailwind v4 类
构建页面布局
选择间距方法
实现响应式图片
设计规范
Tailwind v3 类
图片资源
样式化页面布局
响应式图片组件
迁移后的 v4 类