tapforce-tailwindcss
Tapforce Tailwind CSS Skill
This skill provides best practices for setting up and developing UX/UI for projects using Tailwind CSS ^4.
When to Use
Use this skill when:
- Setting up a new project that needs Tailwind CSS support
- Working with projects that have Tailwind CSS installed
- Configuring Tailwind CSS ^4 for different project types
- Implementing UI components with Tailwind CSS utilities
Requirements
- Project uses Tailwind CSS ^4 or needs to start with Tailwind CSS
- Project must be supported by Tailwind CSS (see installation guides)
- Node.js ^20.0.0 environment
- Prefer pnpm ^10.0.0 as package manager
More from tapforce/agents-skills
tapforce-shadcn-svelte
Best practices for setup and use of shadcn-svelte library to develop UX/UI in Svelte projects. Use this skill when project is using Svelte/SvelteKit framework as main app framework, when user attempts to setup new project or when user is developing on existing project using shadcn-svelte components.
32tapforce-pnpm
Best practices for using pnpm ^10.0.0 in Node.js projects. Use when working with Node.js-based projects.
22tapforce-sveltekit
Best practices for setting up and developing Svelte projects using SvelteKit ^2.0.0. Use when considering setup or development based on SvelteKit framework.
21tapforce-monorepo
Practices use Moon Repo tools to manage mono-repo project in Tapforce
17tapforce-talwindcss
Practices to use consistent tailwindcss in project Svelte
13tapforce-mastra-ai
Comprehensive build AI applications use Mastra.AI framework
12