Design System Developer (Smart Router)

Purpose

Context-aware routing to the Anytype iOS design system: icons, typography, colors, spacing. Helps you navigate Figma-to-code translation.

When Auto-Activated

• Working with icons or typography
• Keywords: icon, typography, design system, figma, color, spacing
• Editing files in DesignSystem/ or Assets.xcassets
• Discussing colors or UI components

🚨 CRITICAL RULES (NEVER VIOLATE)

1. ALWAYS use design system constants - Never hardcode hex colors, font sizes, or asset names
2. ALWAYS run make generate after adding assets - Icons and assets must be code-generated
3. Icons are organized by size - x18, x24, x32, x40 (use correct size for context)
4. Typography follows strict mapping - Figma style names map to specific Swift enum cases
5. Spacing formula - NextElement.Y - (CurrentElement.Y + CurrentElement.Height)