platform-architecture

What problem does it solve?

This skill provides comprehensive, always-available knowledge of the Plataforma B2B de treinamento técnico corporativo's architecture, tech stack, data flows, and coding standards. It eliminates the need for developers to manually search for architectural details, ensuring consistent decision-making and faster onboarding.

Core Features & Use Cases

• Complete System Overview: Access detailed information on the React 18.3 frontend, Vite build, Tailwind CSS styling, testing strategy (Vitest, Playwright), and Docker deployment.
• Hierarchical Navigation Map: Understand the 4-level navigation structure (Hub > Course > Lesson > Flashcards) and how components interact across these levels.
• Data Flow & Persistence: Gain insight into global state management, localStorage keys for user notes and progress, and the props drilling pattern.
• Use Case: When deciding how to implement a new feature, consult this skill to understand the existing data flow, component structure, and coding conventions, ensuring the new code aligns perfectly with the platform's architecture.

Quick Start

Use the platform-architecture skill to understand the current state management approach for navigation between the Hub and learning systems.