Tailwind
SkillWeb & browsingYour AI can write HTML and render it into video once this skill is added. It is made for agents that build HTML and turn it into finished video output.
Available today. Use it from your connected AI after setup.
No other account needed.
Add the skill, then ask your AI to write some HTML and render it as a video.
Then ask your AI: use the Tailwind skill
What your AI can do with it
- Write HTML
- Render HTML into video
- Turn HTML it writes into a finished video
What this skill tells your AI
The instructions your AI receives, as published by alecs5am/ralphy in .agents/skills/tailwind/SKILL.md and read by ahel’s review.
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.
Signals
- GitHub stars
- 133
- Forks
- 13
- Last commit
- Sep 2026
- Hacker News mentions
- 20
Advanced
- Catalog kind
- skill
- Gateway key
tailwind- Source
- github.com/alecs5am/ralphy