Accessibility Compliance

Mobile-first CSS layouts using Flexbox, Grid, media queries, and responsive images across all devices.

Docker Compose, environment variables, dev containers, and infrastructure-as-code templates for consistent local and production setups.

Multi-agent orchestrator for coordinating specialized domain agents across PM, Frontend, Backend, Mobile, QA, and Debug roles.

Web typography from choosing fonts to spacing, wrapping and accessibility. Use when picking or pairing typefaces, configuring variable fonts or OpenType features, setting up a type scale, checking heading hierarchy, styling text in components, truncating text, styling underlines, selection, placeholders or carets, or reviewing frontend code for typography. Triggers on typography, fonts, font formats, woff2, variable fonts, font-weight, opentype, font-feature-settings, letter-spacing, line-height, type scale, heading hierarchy, heading levels, tabular numbers, text-wrap, truncation, line clamp, underlines, text-decoration, text selection, iOS input zoom, font smoothing, text contrast, measure, line length, text-box, smart punctuation, drop cap.

Use this skill whenever you are working on a project that uses Firebase products or services, especially for mobile or web apps.

Comprehensive technology-agnostic prompt for analyzing and documenting project folder structures. Auto-detects project types (.NET, Java, React, Angular, Python, Node.js, Flutter), generates detailed blueprints with visualization options, naming conventions, file placement patterns, and extension templates for maintaining consistent code organization across diverse technology stacks.