Vant skill tailwind

Skill dhaupin/vant/models/public/skills/vant-skill-tailwind

Utility-first CSS.From its SKILL.md

Install

npx -y skills add dhaupin/vant --skill vant-skill-tailwind

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

9 stars9 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

What its file declares

Copied from the file, not written here

The file declares its own license as MIT. That is the author’s claim about this one file, and it is not the same thing as the license GitHub reports for the repository, which is listed with the other numbers below.

SKILL.md

0.8 KB, 227 tokens by cl100k_base, as published. Nobody here has run it

Tailwind

Utility-first CSS.

When To Use

Rapid styling
Modern UIs
Component libraries

What To Do

1. Classes

<div class="p-4 bg-blue-500 text-white rounded-lg">
  Content
</div>

2. Common

Class	What
p-4 / m-4	Padding/Margin
flex / grid	Layout
bg-red-500	Background
text-sm	Text size
w-full	Width

3. Responsive

<div class="w-full md:w-1/2">
  Mobile first
</div>

4. Config

// tailwind.config.js
module.exports = {
  content: ['./src/**/*.{js,ts,jsx,tsx}'],
  theme: { extend: {} },
  plugins: []
}

Role: Tailwind Developer
Input: HTML
Output: Styled

Utility CSS.

What ships with it

Read from the repository

Just SKILL.md. No reference files, no scripts.