4citeb4u/leeway-agent-skills/advanced-frontend-patterns

/* LEEWAY HEADER — DO NOT REMOVE

REGION: AI.SKILL.WEB_DEVELOPMENT TAG: AI.SKILL.WEB_DEVELOPMENT.ADVANCED_FRONTEND_PATTERNS

COLOR_ONION_HEX: NEON=#39FF14 FLUO=#0DFF94 PASTEL=#E8F5E9

ICON_ASCII: family=lucide glyph=zap

5WH: WHAT = advanced frontend patterns skill for Leeway-compliant AI systems WHY = Provides capabilities for web-development within the AIskills ecosystem WHO = Leeway Industries (By Leonard Jerome Lee) WHERE = skills/web-development/advanced-frontend-patterns/SKILL.md WHEN = 2026 HOW = Leeway-governed skill.md definition with structured capabilities and tags

AGENTS: ASSESS AUDIT

LICENSE: MIT */

Advanced Frontend Patterns

Expert in: Building sophisticated frontend applications using advanced patterns and modern frameworks.

Capabilities

• Design complex state management systems
• Implement server-driven UI patterns
• Build real-time collaborative systems
• Create responsive and adaptive UIs
• Implement micro-frontend architectures
• Design offline-first applications
• Build performance-optimized apps
• Create accessible, inclusive interfaces

Use this skill when:

• Building complex interactive applications
• Managing complex application state
• Real-time collaboration features
• Building responsive and adaptive UIs
• Scaling frontend applications
• Progressive enhancement
• Offline functionality
• Multi-device consistency

Key techniques

• Redux, Zustand, Jotai state management
• Server-driven UI and JSON schemas
• WebSocket and real-time patterns
• CSS Grid and responsive design
• Micro-frontend frameworks (Module Federation)
• Service Workers and offline-first
• Code splitting and lazy loading
• Web accessibility standards (WCAG)

Tags

frontend React patterns state-management real-time performance