Files
bi-agents/_bmad/wds/workflows/4-ux-design/data/modular-architecture/00-MODULAR-ARCHITECTURE-GUIDE.md
Cassel 647cbec54f docs: update all documentation and add AI tooling configs
- Rewrite README.md with current architecture, features and stack
- Update docs/API.md with all current endpoints (corporate, BI, client 360)
- Update docs/ARCHITECTURE.md with cache, modular queries, services, ETL
- Update docs/GUIA-USUARIO.md for all roles (admin, corporate, agente)
- Add docs/INDEX.md documentation index
- Add PROJETO.md comprehensive project reference
- Add BI-CCC-Implementation-Guide.md
- Include AI agent configs (.claude, .agents, .gemini, _bmad)
- Add netbird VPN configuration
- Add status report

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-19 13:29:03 -04:00

1.5 KiB

Modular Component Architecture

Navigation hub for the three-tier specification system


Foundation (00-)

Agent-Designer Collaboration

How AI agents optimize designer craft without replacing designer thinking


Core Concepts (01-)

Three-Tier Architecture

Overview of Pages, Components, and Features separation

Content Placement Rules

Decision tree for where to document content

Complexity Detection

How to identify simple vs complex components


Workflows (02-)

Page Specification Workflow

Step-by-step page decomposition from sketch to specs

Complexity Router Workflow

Guided decomposition for complex components

Storyboard Integration

Using visual storyboards for complex components


Examples

Simple Component Example

Button - single file documentation

Complex Component Example

Calendar - three-tier decomposition

Search Bar Example

Search with page-specific content


Quick References (03-)

Decision Tree

One-page flowchart for file placement

Benefits Summary

Why this architecture works