Coding with tailiwnd

Use this skill when you need to code with tailwind cssFrom its SKILL.md

Install

npx -y skills add aiskillstore/marketplace --skill coding-with-tailiwnd

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

no licenseNo license file was found in the repository. Code published without one is not open source by default, so using it at work is a question for whoever answers licensing questions where you are.

1.2 KB, 273 tokens by cl100k_base, as published. Nobody here has run it

Create a seperate css file to style the component
Use the tailwind apply directive to style the component
Use the @layer components directive to style the component
For tailwind 4.1 context, read the following docs:
- .claude/context/tailwind/tw-v4-theme-variable.md to get the design principles
- .claude/context/tailwind/tw-v4-custom-styles.md to get the custom styles
- .claude/context/tailwind/tw-v4-function-and-directives.md to get the functions and directives
- .claude/context/tailwind/tw-v4-detecting-classes-in-source-files.md to get the detecting classes in source files
- .claude/context/tailwind/tw-v4-upgrade-guide.md to get the upgrade guide
Use nested classes in @layer components for styling parents and children elements
Use @utility directives to add custom utilities to the component
Use @variant directives to add custom variants to the component
Create a new component in srs/components root directory
Never touch the files in srs/components/ui directory

16.5 KB alongside SKILL.md