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.
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.
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.