Microsoft Foundry NextGen Frontend Skill

Build elegant, production-ready interfaces following Microsoft Foundry's NextGen Design System - a refined neutral dark-themed design language with minimal purple accents and subtle animations.

⚠️ CRITICAL: Color Usage Rules

Purple (#8251EE / #A37EF5) is ONLY for:

• Primary action buttons (filled background)
• Active tab indicators (2px underline)
• Row selection indicators (left border bar)
• Active sidebar navigation icons
• Links and interactive text
• Progress indicators and sliders

Everything else uses NEUTRAL DARK GREYS:

• Backgrounds: Near-black (#0A0A0A, #0D0D0D)
• Cards/Surfaces: Dark grey (#141414, #1C1C1C) with NO visible borders or very subtle ones
• Text: White (#FFFFFF), grey (#A1A1A1), muted (#6B6B6B)
• Borders: Mostly invisible or very subtle (#1F1F1F)