Agent Skills

A collection of skills for AI coding agents. Skills are packaged instructions that extend agent capabilities.

Skills follow the Agent Skills format.

Available Skills

tailwind-v4-dark-mode

Fix or implement dark mode in Tailwind CSS v4 projects. Encodes the correct patterns and common pitfalls for TW4's @theme, @custom-variant, and CSS variable-based dark mode.

Use when:

• Dark mode colors are wrong or CSS variables aren't switching
• dark: variants use prefers-color-scheme instead of class-based .dark
• Setting up semantic design tokens with dark mode
• Migrating a Tailwind v3 dark mode setup to v4

Installation

Install all skills:

npx skills add lohnim/skills --all

Install a specific skill:

npx skills add lohnim/skills@tailwind-v4-dark-mode

Skill Structure

Each skill contains:

• SKILL.md - Instructions for the agent
• scripts/ - Helper scripts for automation (optional)
• references/ - Supporting documentation (optional)

Adding a New Skill

1. Create a new directory under skills/:

   skills/my-new-skill/SKILL.md
   

2. Add YAML frontmatter to SKILL.md:

   ---
   name: my-new-skill
   description: What this skill does and when to use it.
   ---

3. Write the skill instructions in the markdown body.

4. Update this README with the new skill's description.

License

MIT