Tailwind CSS 风格校验器
概述
该技能提供 Tailwind CSS 风格校验工具,确保代码符合项目规范:
- 完全使用 Tailwind CSS 工具类,不使用自定义 CSS
- 遵循简约现代设计原则(减少边框/阴影,使用透明度背景)
快速开始
运行校验器检查当前目录:
python3 .opencode/skills/twcss-style-validator/scripts/validate_twcss.py src/
检查特定文件:
python3 .opencode/skills/twcss-style-validator/scripts/validate_twcss.py src/components/Header.astro
输出 JSON 格式(用于 CI):
python3 .opencode/skills/twcss-style-validator/scripts/validate_twcss.py src/ --json
校验规则
1. Tailwind CSS 使用规范
检测并警告以下情况:
- 内联样式:
style="..." 应转换为 Tailwind 工具类