tailwind
How to work effectively with Tailwind CSS, always use when styling frontend features
tailwind-v4-shadcn
|
web-standards
Web standards best practices including semantic HTML, CSS architecture, accessibility, and progressive enhancement. Use when reviewing HTML, CSS, or JavaScript code for standards compliance, or when questions involve divitis, classitis, WCAG, ARIA, specificity, or progressive enhancement.
frontend-engineer
|
figma-design-tokens
Extracts design tokens from Figma files and generates production-ready CSS, SCSS, JSON, TypeScript, and W3C DTCG format files using the Figma MCP server
revealjs
Create polished, professional reveal.js presentations. Use when the user asks to create slides, a presentation, a deck, or a slideshow. Supports themes, multi-column layouts, callout boxes, code highlighting, animations, speaker notes, and custom styling. Generates HTML + CSS with no build step required.
sprite-sheet-generator
Combine multiple images into sprite sheets with customizable grid layouts and generate CSS sprite maps for web development.
css-sass
Use Sass/SCSS for advanced CSS preprocessing with modern @use/@forward syntax
css-tailwind
Build with Tailwind CSS utility-first framework - configuration, customization, best practices
css-flexbox-grid
Master Flexbox and CSS Grid layouts for modern responsive design
css-fundamentals
CSS fundamentals - selectors, specificity, box model, positioning, units
css-architecture
Implement scalable CSS architecture patterns - BEM, SMACSS, ITCSS, design tokens
css-performance
Optimize CSS performance - critical CSS, code splitting, purging, bundle analysis
css-modern
Use modern CSS features - custom properties, container queries, :has(), @layer, CSS nesting
css-animations
Create performant CSS animations, transitions, and motion design
frontend-technologies
Master modern web development with HTML, CSS, JavaScript, React, Vue, Angular, Next.js, TypeScript, and responsive design. Use when building web applications, optimizing UI performance, or learning frontend frameworks.
frontend-components
Frontend component design patterns and CSS techniques. Use for implementing UI components like marquees, carousels, modals, tooltips, and other interactive elements. Covers CSS animations, accessibility, and reusable component patterns.
tailwindcss
Tailwind CSS v4 utility-first styling framework. Use for styling web applications, responsive design, dark mode, custom themes, component patterns, and CSS-first configuration. Covers spacing, colors, typography, flexbox, grid, transitions, and production patterns.
Page 1 of 3 · 38 results