# Designer Architecture Tour

> Give a concise architecture tour of elsa-foundation-designer (the Next.js Elsa Studio). Use when a user asks what the repo is, how to orient, where to start, or how the shell, modules, routing, API and auth fit together.

- Skill: `elsa-workflows/designer-architecture-tour` (Agent Skill)
- Install (CLI): `npx skillmds@latest add elsa-workflows/designer-architecture-tour`
- Raw SKILL.md: https://api.skillmd.com/api/skills/elsa-workflows/designer-architecture-tour/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: elsa-workflows (https://skillmd.com/u/elsa-workflows)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/elsa-workflows/designer-architecture-tour

---


## User Input

```text
$ARGUMENTS
```

## Outline

1. Read `docs/skills/catalog.md#architecture-tour`.
2. Read `docs/architecture-tour.md`.
3. Follow links only for the system the user asks about.
4. Keep the tour concise and point to the next doc to inspect.

Do not expand into a module implementation unless the user asks for one.