tailwind-styling
Tailwind CSS for React
Overview
This skill provides guidance for styling React components with Tailwind CSS using utility classes, responsive design, and performance best practices.
Core Philosophy
- Utility-first: Compose designs from utility classes
- Responsive by default: Mobile-first breakpoint system
- Component extraction: Extract patterns into reusable components
- Performance: Minimize bundle size with JIT mode
Common Component Patterns
Button Variants
More from majesticlabs-dev/majestic-marketplace
slogan-generator
Generate and evaluate marketing slogans and taglines for any product or service. Use when naming a campaign, need a tagline for branding, or want scored slogan options across multiple angles. Creates options, scores against criteria, and recommends the best fit.
263google-ads-strategy
Build Google Ads campaign structures with keyword research, ad copy, audience targeting, and budget allocation. Use when planning paid search campaigns, setting up Google Ads for the first time, or restructuring underperforming ad accounts. Supports B2B and B2C.
147viral-content
Create viral content frameworks with platform-specific patterns and posting schedules. Use when building a content playbook for TikTok, LinkedIn, X, Instagram, or YouTube, or when maximizing organic reach without paid promotion. Includes psychological hooks and algorithm-optimized formats.
130devils-advocate
Forces adversarial reasoning before committing to decisions. Triggers on architectural choices, approach selection, and planning phases to prevent premature commitment bias.
117frontend-css-patterns
Framework-agnostic CSS patterns for typography, color, motion, and spatial composition.
104market-research
Research markets, competitors, and audiences using web data and structured synthesis. Use when entering new markets, validating ideas, or analyzing competitive landscapes.
91