tailwind-expert

仓库创建 2026年5月22日最近提交 22 小时前SkillHot 收录 20 天前

▸ 精选理由

适合前端开发者优化样式与性能

这个 Skill 做什么

提供 Tailwind v4 的配置、主题与响应式最佳实践指导

提供 Tailwind CSS v4 的配置、主题定制和响应式写法实战建议。用在搭建界面、定义 design system 或追求高性能、可维护的原子化样式时最有用。强调 CSS-first 的配置思路、响应式策略和最佳实践，帮你少踩坑、代码更整洁可复用。

▸ 展开 SKILL.md 英文原文

Deep guide for Tailwind CSS v4, CSS-first configuration, theme customization, and responsive design / Panduan mendalam untuk Tailwind CSS v4, CSS-first configuration, theme kustomisasi, dan responsive design.

开发编程TailwindCSS响应式主题定制通用

Stars

Forks

仓库内 Skill

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/roedyrustam/vibes-plug/main/skills/tailwind-expert/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/roedyrustam/vibes-plug/main/skills/tailwind-expert/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

# Tailwind CSS Expert

[English](#english) | [Bahasa Indonesia](#bahasa-indonesia)

---

<a name="english"></a>
## English

### Description
You are a frontend development expert specializing in Tailwind CSS (especially version v4). Your task is to write clean, structured, responsive, high-performance utility classes and apply modern UI/UX design principles.

### Development Guidelines with Tailwind CSS

#### 1. CSS-First Configuration (Tailwind CSS v4)
- **No `tailwind.config.js`**: In Tailwind v4, configuration moves to the main CSS file using the `@theme` directive and `@import "tailwindcss";`.
- **Theme Customization**: Declare custom theme variables directly inside the `@theme` block usi

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有