跳到正文
cccskills
免费在 GitHub 公开

tailwind-responsive-auditor

Audits Tailwind CSS usage ensuring mobile-first responsive utilities and clean classes.

中文简介正在准备中。当前显示原文说明。

查看安装方法

包含的文件(1)

  • SKILL.md1.2 KB

SKILL.md(原文)

安装前可以查看交给 AI 代理的指令内容。

Tailwind Responsive Auditor

Core Principles

  1. Mobile-First Design: Always apply styles for mobile first (without breakpoints), then override them for larger screens (sm:, md:, lg:, xl:).
  2. Class Deduplication: Avoid redundant classes (e.g. w-full w-auto or text-red-500 text-blue-500).
  3. No Arbitrary Values: Avoid using arbitrary values like w-[327px] or bg-[#f0f0f0] unless absolutely necessary. Rely on the configured Tailwind theme.

Audit Checklist

  • Do not use desktop-first design (e.g., max-width utilities should be avoided unless specified).
  • Ensure that elements have responsive margins, padding, and layout flex/grid direction where needed.
  • Alert on duplicate or conflicting utility classes in component files.

评价

还没有评价。欢迎分享你的使用感受。

评论

无需登录即可发表。欢迎分享使用感受、提问,或说明在哪些环境下无法运行。

还没有评论。来写第一条吧。

提交后会立即公开。请勿填写邮箱、电话等个人信息。URL 最多 2 个。

0 / 1000 字

此表单受 reCAPTCHA 保护,适用 Google 的隐私权政策和服务条款。

同一仓库的技能

Use when adding monitoring, metrics, logging, or tracing to Spring AI or LLM integration code. Covers token tracking, latency measurement, cost estimation, and prompt/response logging. Use when user mentions AI monitoring, token costs, or LLM observability.

中文简介正在准备中。当前显示原文说明。

lgzarturo/springboot-course32026年10月17日 更新

android

免费

Provides expert knowledge for building modern native Android apps using Kotlin, Jetpack Compose, Material Design 3, MVI architecture, Hilt dependency injection, and Media3/ExoPlayer.

中文简介正在准备中。当前显示原文说明。

lgzarturo/springboot-course32026年10月17日 更新

Design, implement, review, and audit Android Jetpack Compose UI/UX for phone interfaces. Use when a request concerns concrete Compose layout, components, interaction, accessibility, or visual behavior. Do not activate for framework or dependency presence alone; non-UI Android work is excluded.

中文简介正在准备中。当前显示原文说明。

lgzarturo/springboot-course32026年10月17日 更新

Provides expert knowledge for designing, implementing, and managing REST API versioning strategies with deprecation workflows.

中文简介正在准备中。当前显示原文说明。

lgzarturo/springboot-course32026年10月17日 更新

astro

免费

Provides expert knowledge for building Astro 5+ sites with Islands Architecture, Content Collections, TypeScript, and performance-first rendering strategies.

中文简介正在准备中。当前显示原文说明。

lgzarturo/springboot-course32026年10月17日 更新

Audits token storage mechanisms to prevent XSS-based JWT theft.

中文简介正在准备中。当前显示原文说明。

lgzarturo/springboot-course32026年10月17日 更新

查看 lgzarturo 的全部技能

报告此技能的问题