注册送积分
访客
登录
账号
免费注册
← 首页
·
编程开发
·
其他
·
把CSS代码转成Tailwind类名
把CSS代码转成Tailwind类名
加入常用
将原生CSS代码智能转为等效Tailwind类名，保留布局逻辑与响应式断点；不生成运行时逻辑，不替代人工审查。
正在准备
0 项已填写
关于你
选一下你的身份，出稿更贴合你（选填）
去选 ▾
1·情况
CSS来源
可选
手写样式
Vue单文件组件
React内联样式
Less/Sass编译后
旧项目全局CSS
Tailwind版本
可选
v3.4+
v4（实验版）
未启用JIT
自定义断点
禁用preflight
上传CSS文件
可选
上传材料
文件会保存到我的文件，并挂到当前表单
稍后补材料
提交前需要确认材料用途
2·细节
保留哪些特性
可选
响应式断点（sm/md/lg/xl）
间距单位（px→rem→tailwind scale）
颜色变量映射
Flex/Grid布局结构
伪类:hover/:focus
动画transition类
自定义字体大小
单位换算
可选
16px=1rem→text-base/p-4
8px=0.5rem→gap-2
4px=0.25rem→m-1
按Tailwind默认scale
保留原始px值注释
断点映射
可选
min-width 640px→sm
min-width 768px→md
min-width 1024px→lg
min-width 1280px→xl
自定义@media转@apply
跳过哪些内容
可选
CSS变量--xxx
伪元素::before
!important声明
keyframes动画
@supports规则
选择器组合如.card .title
特殊说明
可选
3·交付
输出格式
可选
HTML标签内class属性
纯class字符串
JSX className写法
Vue class绑定对象
代码风格
可选
紧凑单行
多行可读
按功能分组（layout/spacing/color）
带原CSS注释
确认转换责任；AI 只做整理参考，不替代审批，最终由经办部门确认
任务类型
建议填
写功能/实现
调试排错
代码审查
重构优化
写测试
加注释/文档
技术选型
语言/技术栈
可选
Python
JavaScript/前端
Java
Go
C/C++
PHP
SQL
不限/不懂代码
框架/环境
可选
用了什么框架、版本、运行在哪(可选)
相关代码/报错
可选
贴上代码片段或完整报错信息,越全越准
期望结果
建议填
想实现什么 / 期望怎么修好
其他补充
选填 · 0/2000
📷 照片/文件
登录后自动保存草稿
去登录
同意脱敏后作为案例展示
去个人信息 · 人工审核后才公开
要办的事
把CSS代码转成Tailwind类名
还没点选
成果形式
代码
改
GPT中文直接做
自动挑最合适的 AI，出结果后可追问改稿
10 积分
推荐
复制提示词
拿去任意 AI 用，不用登录
免费
去 GPTCC 用国际模型
复制到 www.gpt.cc 粘贴即可，需单独注册
免费
合计
10
积分
≈1.0 元
开始做 → 10 积分
1 元 = 10 积分 · 追问不额外扣 · 积分永不过期。
充值
·
开会员更划算
同类场景
其他全部 →
查WMS里有没有异常操作
多个波次合起来能按时发吗？模拟下
对账时发现哪堆货对不上
货位怎么放才合理？算一算
补货规则调了会怎样？回测一下
看仓库干活走的都是啥路
拣货路线哪个最省时间？比一比
托盘能堆多高？算重量和尺寸
接下来可能要办
编程开发全部 →
写图片压缩批处理
解释代码报错
删掉重复代码
大文件分批读取
写数据处理脚本
批量更新/清理脏数据