AcademyRulesDevelopment

Solid.js with Tailwind CSS Rules for Cursor

Frontend teams building Solid.js interfaces with Tailwind who want Cursor to keep component and styling choices consistent.

  • Recommendedour rating
  • 40,892repository stars
  • CC0-1.0licence
  • 4 months agolast update
mkdir -p .cursor/rules && curl -fsSL https://raw.githubusercontent.com/PatrickJS/awesome-cursorrules/main/rules/solidjs-tailwind-cursorrules-prompt-file.mdc -o .cursor/rules/solidjs-tailwind.mdc
solidjs-tailwind.mdc

Loading the file...

What it does

A Cursor rules file for Solid.js projects styled with Tailwind CSS. It covers signals for state, utility classes, the @apply and @layer directives, responsive classes, dark mode through the dark variant and configuration through the Tailwind config file.

Use cases

  1. 01Build a responsive card with Tailwind utility classes
  2. 02Add dark mode using the dark variant
  3. 03Extract repeated styles with @apply

Questions about
Solid.js with Tailwind CSS Rules for Cursor.

What is Solid.js with Tailwind CSS Rules for Cursor used for?

Frontend teams building Solid.js interfaces with Tailwind who want Cursor to keep component and styling choices consistent. A Cursor rules file for Solid.js projects styled with Tailwind CSS. It covers signals for state, utility classes, the @apply and @layer directives, responsive classes, dark mode through the dark variant and configuration through the Tailwind config file.

How do I install Solid.js with Tailwind CSS Rules for Cursor?

Run this in your terminal: mkdir -p .cursor/rules && curl -fsSL https://raw.githubusercontent.com/PatrickJS/awesome-cursorrules/main/rules/solidjs-tailwind-cursorrules-prompt-file.mdc -o .cursor/rules/solidjs-tailwind.mdc

Is Solid.js with Tailwind CSS Rules for Cursor open source?

Yes. The code is on GitHub (PatrickJS/awesome-cursorrules) under the CC0-1.0 licence.

Is Solid.js with Tailwind CSS Rules for Cursor safe to use?

It passed our automatic scan for credential theft, hidden instructions and risky install commands. Third party open source software. Sabemos AI does not maintain it. Check the code and permissions before you connect it to company data.