tailwindcss
Tailwind CSS v4 Development Guidelines
Best practices for using Tailwind CSS v4 utility classes effectively.
Note: Tailwind CSS v4 (released January 2025) uses a CSS-first configuration approach. If you need v3 compatibility, tailwind.config.js is still supported.
Core Principles
- Utility-First: Use utility classes instead of custom CSS
- Mobile-First: Design for mobile, then scale up with responsive modifiers
- Component Extraction: Extract repeated patterns into components
- Consistent Spacing: Use Tailwind's spacing scale
- Custom Configuration: Extend the default theme for brand consistency
Basic Utilities
Layout
More from rajnandan1/kener
svelte-code-writer
CLI tools for Svelte 5 documentation lookup and code analysis. MUST be used whenever creating or editing any Svelte component (.svelte) or Svelte module (.svelte.ts/.svelte.js). If possible, this skill should be executed within the svelte-file-editor agent for optimal results.
12documentation-writer
Specialized skill for creating and editing high-quality Kener documentation. MUST be used whenever creating or editing documentation files in the src/routes/(docs)/docs/content/ directory or updating docs.json navigation.
5ss-shadcn-svelte
>
2code-context
Persistent code architecture documentation via a `.codecontext/` folder.
1