◀

⚡️ Universal Stack Visualizer

Drop project.faf → Instant architecture visualization

FAF Ecosystem Architecture

vertical stack • 5 layers

1 AGENTS

Future autonomous workflows

1 components ▶
↓
2 SKILLS

Claude Code workflow guidance

3 components ▶
↓
3 MCP INTEGRATION

Model Context Protocol for Claude Desktop

3 components ▶
↓
4 CLI TOOLING

Command-line tools for .faf operations

3 components ▶
↓
5 FORMAT

The foundational AI-context format

2 components ▶

💡 Features

  • ✅ Click layers to expand/collapse components
  • ✅ Smart icon detection (files, tools, configs)
  • ✅ Flat mode - Simple vertical stack view
  • ✅ 2D Perspective - Depth visualization with hover effects
  • ✅ Wireframe mode - Skeletal blueprint view (peek behind the curtain)
  • ✅ Responsive design (mobile-friendly)
  • ⏳ 3D mode with camera controls coming soon
  • ⏳ Cinematic mode with auto-tour coming soon
  • ⏳ Export as PNG/GIF coming soon

🎯 Next: Drop Your project.faf

Coming soon: Drag & drop any project.faf file to visualize your project's architecture instantly.