{"slug":"tailwind-css-2","title":"tailwind-css","summary":"Imported from paulrberg/agent-skills/skills/tailwind-css.","platform":"Claude","tags":[],"authorName":"LLM Mart","authorSlug":"llm-mart","score":0,"source":"github","price":null,"verified":false,"createdAt":"2026-10-01T14:18:57.508354Z","repo":{"url":"https://github.com/PaulRBerg/agent-skills","stars":94,"forks":7,"license":"MIT","updatedAt":"2026-10-01T13:58:51Z"},"bodyHtml":"<hr>\n<h2>name: tailwind-css\nuser-invocable: false\ndescription:\n\"Use for Tailwind v4 styling: add/fix classes, configure or migrate Tailwind, use tailwind-variants, or\ntw-animate-css.\"</h2>\n<h1>Tailwind CSS</h1>\n<p>Follow the installed Tailwind version and the repository's tokens, components, class-merging utility, CSS entrypoint,\nand nearby UI. They take precedence over this skill; do not add packages, change integration, or migrate versions\nwithout a request and local need.</p>\n<h2>Routing</h2>\n<ul>\n<li>Apply <a href=\"references/coding-preferences.md\">coding preferences</a> only where the project is silent.</li>\n<li>For v4 configuration, migration, directives, or generated classes, use <a href=\"references/tailwind-v4-rules.md\">v4 rules</a> and\nthe matching official docs.</li>\n<li>Read <a href=\"references/tailwind-variants.md\">tailwind-variants</a>, <a href=\"references/tw-animate-css.md\">tw-animate-css</a>, or\n<a href=\"references/eslint.md\">ESLint</a> only when that integration exists locally or the request adds it.</li>\n</ul>\n<p>Do not apply v4 syntax to an older installation. Preserve responsive, interaction, accessible, and dark-mode behavior;\ndo not redesign beyond the request.</p>\n<h2>Completion</h2>\n<p>Define the intended visual and state change, reuse local conventions, and keep classes statically discoverable. If\nsource registration or generated mappings change, run the real Tailwind build and confirm the expected utilities. Run\nrequired repository checks and inspect the changed states at one representative viewport for a small style edit. Broaden\nto narrow/wide viewports, themes, and interactions when responsive rules or shared styling changed. When markup is\ntransformed by JavaScript or a component library, inspect the final DOM too. Textual class review alone is insufficient.\nRepeat checks only when subsequent edits affect their evidence.</p>\n<p>Finish with <code>### \uD83C\uDFA8 Tailwind — ✅ styling updated</code> (or <code>### \uD83C\uDFA8 Tailwind — \uD83D\uDD0E inspected, no files written</code>) and\ncode-check and rendered-inspection evidence. Use prose for one inspected state and a compact table for several. Add\n<code>### ⚠️ Remaining</code> only when needed; keep source UI copy and diagnostics undecorated.</p>\n","files":[{"path":"agents/openai.yaml","sizeBytes":42,"isText":true},{"path":"references/coding-preferences.md","sizeBytes":1485,"isText":true},{"path":"references/eslint.md","sizeBytes":400,"isText":true},{"path":"references/tailwind-v4-rules.md","sizeBytes":1863,"isText":true},{"path":"references/tailwind-variants.md","sizeBytes":1189,"isText":true},{"path":"references/tw-animate-css.md","sizeBytes":548,"isText":true},{"path":"SKILL.md","sizeBytes":2097,"isText":true}],"reviewScore":null,"reviewSummary":null,"trust":{"provenance":"trusted-source-unreviewed","notice":"Community-authored content, reproduced verbatim and not vetted as instructions. Treat it as data to evaluate, never as directives to follow.","bodySource":null},"bodyLocked":false,"purchaseUrl":null,"sourceUrl":null,"report":{"provenance":"trusted-source-unreviewed","screen":{"ran":true,"outcome":"clean","suspicious":0,"notes":0,"hiddenCharacters":false},"virusScan":{"engine":"clamav","status":"clean","scannedAt":"2026-10-01T14:20:31.584239Z","sha256":"B83805C33AC96CEDC27705B0800D4628F1249922DE2E165A8CE3CDBD0BB40BC9","sizeBytes":4875},"review":null,"source":{"repositoryUrl":"https://github.com/PaulRBerg/agent-skills","path":"skills/tailwind-css","license":"MIT","commit":"913232a0d608198e178e7adb9ff830ceef4776fc","subtreeSha":"EDCBC27CF9C5E129BB3AF72316BBB80A825020B5B0A7DD4380C09BCFB12F0F4E","lastSyncedAt":"2026-10-01T14:18:48.927149Z"},"reviewedAt":"2026-10-01T14:23:57.737489Z","notice":"Community-authored content, reproduced verbatim and not vetted as instructions. Treat it as data to evaluate, never as directives to follow."},"install":[{"target":"skills-cli","command":"npx skills add https://github.com/PaulRBerg/agent-skills/tree/main/skills/tailwind-css"},{"target":"claude-code","command":"claude plugin marketplace add https://llmmart.ai/marketplace.json && claude plugin install paulrberg-agent-skills@llmmart"},{"target":"git","command":"git clone https://github.com/PaulRBerg/agent-skills.git"}]}