【自荐】AI 加持，一键把 CSS 秒变 Tailwind CSS的浏览器插件

目前在工作中有一些项目强制要求使用Tailwind CSS，但是Tailwind的规则确实太多而且不好记，很多比较生僻的样式都得临时查才知道，很影响效率。为了省点事，我自己写了个 Chrome 插件，能自动把 CSS 转换成 Tailwind 语法。自用了几天感觉挺顺手，现在分享给佬友们试试～如果遇到 bug，或者有想加的新功能，欢迎随时提建议！
开源地址：GitHub - Leeero/css-to-tailwind
v0.1.1版本：
css-to-tailwind-v0.1.1.zip (608.2 KB)

CSS to Tailwind

一款 Chrome 浏览器扩展，可在 AI 与本地引擎之间切换，将 CSS 片段转换为 Tailwind CSS 类名。

功能特性

● AI / 本地双引擎切换：配置页可选择“优先使用 AI”或“仅本地引擎”
● AI 流式响应：实时显示生成过程，降低感知等待
● 开源本地引擎兜底：内置 css-to-tailwindcss，即便无 API 也能转换
● 自定义前缀：为生成类名添加前缀（如 s-flex、s-mt-4）
● 隐私安全：API Key 保存在本地 chrome.storage.sync，不上传服务器

安装使用

开发模式

# 安装依赖

npm install

# 启动开发服务器

npm run dev

# 构建生产版本

npm run build

加载扩展

1. 打开 Chrome，访问 chrome://extensions/
2. 开启右上角「开发者模式」
3. 点击「加载已解压的扩展程序」
4. 选择项目 dist 目录

配置说明

点击扩展图标右上角的设置按钮，进入配置页面：

| 配置项 | 说明 | 示例 |

|--------|------|------|

| API 基础地址 | 兼容 OpenAI 格式的 API 地址 | https://api.siliconflow.cn |

| API Key | 你的 API 密钥 | sk-xxxxx |

| 模型标识 | 使用的模型名称 | Qwen/Qwen2.5-7B-Instruct |

| 温度 | 生成随机性，越低越稳定 | 0.2 |

| 最大 Tokens | 响应最大长度 | 800 |

| 类名前缀 | 可选，为类名添加前缀 | s- |

| 解析方式 | 优先使用 AI（默认）/ 仅本地引擎 | — |

● 本地引擎行为：无 API 时自动使用 css-to-tailwindcss；纯声明输入会自动包裹临时选择器确保可解析。
● AI 失败兜底：AI 请求出错时自动退回本地引擎。

推荐配置

推荐使用 硅基流动 的免费模型（如 Qwen/Qwen2.5-7B-Instruct），即可满足 CSS 转换需求。

技术栈

● React 18 + TypeScript
● Vite + @crxjs/vite-plugin
● Ant Design
● Tailwind CSS
● 本地引擎：css-to-tailwindcss

1 post - 1 participant

Read full topic

via LINUX DO - 最新话题 (author: 李四)

电报频道合集

前几天看到有佬友发帖要推荐频道，今天发现一个小合集网站分享给各位使用。（翻了一下没有18+）
rectg - Telegram 导航

1 post - 1 participant

Read full topic

via LINUX DO - 最新话题 (author: CrazyBABYgO)

openai订阅显示系统繁忙，怎么办佬们

1 post - 1 participant

Read full topic

via LINUX DO - 最新话题 (author: 叶无缺)

Invalid media: image

多OS下的dotfiles和软件管理

想在多个OS之间保持同一套配置，主要是linux系统间的，现在在用的有mac、debian和archlinux。
尝试用了chezmoi，管理dotfiles还不错。不过感觉单一个chezmoi还不够？还有没有其他的合适的自动化工具或脚本，在系统安装好后，可以一键安装软件和配置。
比如我shell习惯用zsh，搭配ohmyzsh框架和p10k主题，搭配了一些插件，这个基本配置全OS通用。
不同OS间的软件可能会有区别，我mac用homebrew安装和管理，debian用一套，archlinux用一套。
win平台就不强求了，有没有都行。
有去搜过一些配置，但大家的搭配各式各样。能不能分享下你的，或者你看到的特别好的，我去抄下来改改自用。希望大家多推荐推荐。

1 post - 1 participant

Read full topic

via LINUX DO - 最新话题 (author: Scoop)

被封的 google 号申诉回来后，AI Studio 中免费层级已经不可用，必须绑卡

RT，今天特地打开被封的几个 google 号，ai studio中的 key 已经全部失效了，已经无法再调用，google 不干人事啊，用量削减就算了，还来这一招

1 post - 1 participant

Read full topic

via LINUX DO - 最新话题 (author: Cmcc)

IOS日区可以安装第三方应用商店

1 post - 1 participant

Read full topic

via LINUX DO - 最新话题 (author: wcc526)

论坛 rss 无法获取全部主题

我使用的是 LINUX DO - 最新话题

发现无法获取全部主题，仅能获取未登录的时候公开可见的主题

我已经在拉取的时候设置了当前帐号的 cookies, 也没有任何效果

请问论坛是 rss 是不会校验 cookie 的吗？

有没有什么替代的办法能实时获取所有最新的主题呢？

1 post - 1 participant

Read full topic

via LINUX DO - 最新话题 (author: gnu)

反重力反代到底有几类模型

我的意思是共享额度的
claude所有的算一个
gemini3low和high一个
2.5单算的？？

4 posts - 2 participants

Read full topic

via LINUX DO - 最新话题 (author: 谢谢不吃香菜)

佬们，Apple 支付 claude 由 pro 升级 max 5，支付失败怎么解决？

1 post - 1 participant

Read full topic

via LINUX DO - 最新话题 (author: wei3)

Invalid media: image

植物大战僵尸一代机制：秒杀型植物

植物大战僵尸一代原版中有以下三类“秒杀”型植物

附条件代码杀：大嘴花&水草

对于绝大部分类型的僵尸，这两种植物无视任何血量，直接秒杀。
对于特定种类的僵尸，即伽刚特尔（白眼/红眼）和僵王博士，大嘴花无法秒杀，其他僵尸（包括投石车、冰车和雪橇车）均直接秒杀。大嘴花：谁是雪橇区的king？
而水草只能击杀水中的僵尸，陆地僵尸即使被放入水路也会无视，但如果使用修改器将伽刚特尔修改为水中僵尸，同样能够被秒杀。

真灰烬：樱桃炸弹/火爆辣椒/毁灭菇/玉米加农炮炮弹

对于本体血量<1800的僵尸，灰烬植物无视防具血量，直接击杀。
对于本体血量>=1800的僵尸，灰烬植物按照二类-一类-本体的顺序，减去1800。

因此：
对于270血量普通僵尸，灰烬植物直接秒杀并留下灰烬
对于3000血量伽刚特尔，灰烬植物造成1800点伤害，剩余血量1200
对于2000血量普通僵尸，灰烬植物造成1800点伤害，剩余血量200，到达普通僵尸1/3血量临界值，触发断手、断头、死亡动画
对于1800本体血量、1000铁桶血量的普通僵尸，灰烬植物依次扣除血量，本体剩余1000血量
对于原版迷你游戏植物僵尸2中出现的高坚果僵尸，其本体血量为270，一类防具血量为2200，灰烬植物判定本体血量小于1800，因此会被直接炸为灰烬
对于1800血量伽刚特尔，灰烬植物造成1800点伤害，伽刚特尔进入死亡动画（判定剩余血量为0）；如果伽刚特尔血量为1801，则剩余1血继续存活（伽刚特尔没有临界值）；小于1800则变成灰烬。

要注意的是，无论如何修改灰烬植物的伤害（即使修改为0），它们都能将本体血量小于1800的僵尸直接炸为灰烬，是基于数值判定的代码杀。炸灰只需要本体血量小于1800，不进行伤害判定。这意味着跳跃的海豚僵尸/撑杆跳僵尸、打开盒子的小丑僵尸这些处于无敌状态的僵尸，都能被灰烬直接移除。

搭在植物上的梯子具有500点本体血量，灰烬植物炸梯子同样也是基于类型判定的代码杀，与灰烬植物伤害无关，也和梯子血量无关。

题外话：毁灭菇的“弹坑”在本质上也是一种植物

看似灰烬但不是灰烬：土豆雷/倭瓜

表观上与灰烬的差异在于，其击杀的僵尸并不会变成“灰烬”。
从机制上看，这两种植物确实能够造成1800点伤害，也确实需要两次伤害击杀巨人僵尸，但是这两种植物并不能无视防具，而是造成伤害判定，这意味着它们不能一击秒杀高坚果僵尸（本体血量270，一类防具血量2200），也不能在小丑开盒子时击杀。

4 posts - 4 participants

Read full topic

via LINUX DO - 最新话题 (author: 松坂砂糖)

做一个佬们听音乐的调查！

Click to view the poll.

Click to view the poll.

Click to view the poll.

Click to view the poll.

Click to view the poll.

Click to view the poll.

Click to view the poll.

Click to view the poll.

Click to view the poll.

Click to view the poll.

Click to view the poll.

8 posts - 5 participants

Read full topic

via LINUX DO - 最新话题 (author: HollowKnight)

BuhoNTFS for macOS限免

限免获取地址：2025 Christmas Sale - Get Up To 70% OFF On BuhoCleaner, BuhoNTFS, BuhoUnlocker, BuhoRepair, BuhoLaunchpad, BuhoBarX

打开页面，滑动到中间，找到 BuhoNTFS Lifetime Plan (1 Mac)，点击 Buy Now，再在左边点击 Add discount，使用优惠码 WDPR25BN 即可变成免费，只有 200 次机会

7 posts - 7 participants

Read full topic

via LINUX DO - 最新话题 (author: deb)

RTX 5090现在还会烧接口吗

在B站刷到好几条有关5090烧接口的视频😯
这么贵的显卡居然有设计缺陷（？
有没有正在用5090的佬，快来一起讨论吧～

2 posts - 1 participant

Read full topic

via LINUX DO - 最新话题 (author: Mizukii)

求助antigravity如何登。

这是哪方面的问题a :distorted_face:
4 posts - 4 participants

Read full topic

via LINUX DO - 最新话题 (author: 海贝鱼)

Invalid media:
image
image

cursor auto 模式挂了？

选择指定模型都可以，但是选择 auto 就一直loading，没有任何输出，usage 那边也有看到在消耗 tokens

3 posts - 2 participants

Read full topic

via LINUX DO - 最新话题 (author: 亚瑟王)

Gemini 3.0 flash有人用了吗？怎么样？

有大佬用Gemini 3.0 flash了吗？怎么样？

2 posts - 2 participants

Read full topic

via LINUX DO - 最新话题 (author: Swily)

做一个佬们眼睛能力的调查！

Click to view the poll.

5 posts - 4 participants

Read full topic

via LINUX DO - 最新话题 (author: HollowKnight)

有没有佬友闲置一个edu后缀的邮箱

准备开个windsurf pro，但是有点贵，用我们学校的邮箱注册发现国内大学的没有学生优惠，想收个edu后缀的邮箱

3 posts - 3 participants

Read full topic

via LINUX DO - 最新话题 (author: 叶秋寒)

JD（京东外卖）整点 0.01 元外卖活动

如题，在JD / 京东外卖即可看到，有弹窗。

4 posts - 4 participants

Read full topic

via LINUX DO - 最新话题 (author: papipo)

小米 17Ultra 已开放预约，感觉没看到过推广信息呢？

以前出新品的时候，各种软件总能看到预热广告， 这次好像都没看到过推广呢

4 posts - 3 participants

Read full topic

via LINUX DO - 最新话题 (author: 诚实可靠小郎君)

Invalid media: image

做一个佬们使用哪种PC的调查！

Click to view the poll.

8 posts - 6 participants

Read full topic

via LINUX DO - 最新话题 (author: HollowKnight)