Skip to content
cccskills
FreePublished on GitHub

css-to-tailwind

Convert CSS files to Tailwind utility classes. Use when migrating from vanilla CSS to Tailwind.

The English summary is being prepared. Showing the original description.

Works withX (Twitter)
See how to install

Files included (3)

  • SKILL.md2.2 KB
  • .clawhub/origin.json147 B
  • README.md247 B

SKILL.md (original)

Review the instructions the agent will receive before you install.

CSS to Tailwind Converter

Migrating to Tailwind means rewriting hundreds of CSS rules as utility classes. Nobody wants to do that by hand. This tool reads your CSS files and converts them to equivalent Tailwind classes. It handles the tedious conversion so you can focus on the tricky edge cases.

One command. Zero config. Just works.

Quick Start

npx ai-css-to-tailwind styles.css

What It Does

  • Reads CSS files and converts rules to Tailwind utility classes
  • Handles common properties like padding, margin, colors, typography, and flexbox
  • Preserves your class structure so you can map old classes to new utilities
  • Handles media queries by converting to Tailwind responsive prefixes
  • Outputs a mapping file showing old CSS to new Tailwind equivalents

Usage Examples

npx ai-css-to-tailwind styles.css
npx ai-css-to-tailwind src/styles/
npx ai-css-to-tailwind "src/**/*.css"

Best Practices

  • Convert one file at a time - Easier to verify the output
  • Check custom values - Tailwind has specific scales. Custom pixel values might need theme config updates.
  • Keep your old CSS as backup - Don't delete until you've verified everything works

When to Use This

  • Migrating an existing project to Tailwind
  • Converting a component library from CSS to utility classes
  • Learning what Tailwind classes correspond to your CSS

Part of the LXGIC Dev Toolkit

This is one of 110+ free developer tools built by LXGIC Studios. No paywalls, no sign-ups, no API keys on free tiers. Just tools that work.

Find more:

Requirements

No install needed. Just run with npx. Node.js 18+ recommended.

How It Works

Parses your CSS files and maps each property-value pair to the closest Tailwind utility class. AI handles ambiguous conversions and custom values that don't have direct Tailwind equivalents.

License

MIT. Free forever. Use it however you want.

Reviews

No reviews yet. Tell others what you thought.

Comments

No login needed. Share how it worked for you, ask a question, or note where it did not run.

No comments yet. Be the first to write one.

Comments are published right away. Do not include personal information such as email addresses or phone numbers. Up to 2 URLs.

0 / 1,000 characters

This form is protected by reCAPTCHA, and the Google Privacy Policy and Terms of Service apply.

More skills from this repository

Set up and use 1Password CLI (op). Use when installing the CLI, enabling desktop app integration, signing in (single or multi-account), or reading/injecting/running secrets via op.

The English summary is being prepared. Showing the original description.

danstrem2/clawdbot-skill-master-pack2Updated Feb 1, 2026

Expert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and interactive 3D scenes. Covers product configurators, 3D portfolios, immersive websites, and bringing depth to web experiences. Use when: 3D website, three.js, WebGL, react three fiber, 3D experience.

The English summary is being prepared. Showing the original description.

danstrem2/clawdbot-skill-master-pack2Updated Feb 1, 2026

When the user wants to plan, design, or implement an A/B test or experiment. Also use when the user mentions "A/B test," "split test," "experiment," "test this change," "variant copy," "multivariate test," or "hypothesis." For tracking implementation, see analytics-tracking.

The English summary is being prepared. Showing the original description.

danstrem2/clawdbot-skill-master-pack2Updated Feb 1, 2026

accli

Free

This skill should be used when interacting with Apple Calendar on macOS. Use it for listing calendars, viewing events, creating/updating/deleting calendar events, and checking availability/free-busy times. Triggers on requests like "check my calendar", "schedule a meeting", "what's on my schedule", "am I free tomorrow", or any calendar-related operations.

The English summary is being prepared. Showing the original description.

danstrem2/clawdbot-skill-master-pack2Updated Feb 1, 2026

This skill should be used when the user asks to "attack Active Directory", "exploit AD", "Kerberoasting", "DCSync", "pass-the-hash", "BloodHound enumeration", "Golden Ticket", "Silver Ticket", "AS-REP roasting", "NTLM relay", or needs guidance on Windows domain penetration testing.

The English summary is being prepared. Showing the original description.

danstrem2/clawdbot-skill-master-pack2Updated Feb 1, 2026

ActiveCampaign CRM integration for lead management, deal tracking, and email automation. Use for syncing demo leads, managing clinic sales pipeline, and triggering follow-up sequences.

The English summary is being prepared. Showing the original description.

danstrem2/clawdbot-skill-master-pack2Updated Feb 1, 2026

See all skills by danstrem2

Report a problem with this skill