Welcome to Loopi documentation! This folder contains comprehensive guides for users and developers.
New to Loopi? → Read GETTING_STARTED.md
Want to understand the documentation structure? → Read DOCUMENTATION_MAP.md
- GETTING_STARTED.md - Installation and your first automation
- VARIABLES.md - Variable system, types, and access patterns
- STEPS_REFERENCE.md - Complete reference for all step types
- ARCHITECTURE.md - System design, process architecture, data flows
- COMPONENT_GUIDE.md - React components, hooks, and patterns
- NEW_STEP_TEMPLATE.md - How to add new step types
- DEVELOPMENT_WORKFLOWS.md - Common dev tasks and workflows
- DOCUMENTATION_GUIDE.md - How to maintain documentation
- DOCUMENTATION_MAP.md - Navigation guide and task lookup
- examples/ - Real-world automation examples
| I want to... | Read... |
|---|---|
| Get started with Loopi | GETTING_STARTED.md |
| Learn about variables | VARIABLES.md |
| Look up a step type | STEPS_REFERENCE.md |
| Understand the system | ARCHITECTURE.md |
| Add a new step | NEW_STEP_TEMPLATE.md |
| Modify a component | COMPONENT_GUIDE.md |
| Do common dev tasks | DEVELOPMENT_WORKFLOWS.md |
| Maintain documentation | DOCUMENTATION_GUIDE.md |
| Find what to read | DOCUMENTATION_MAP.md |
docs/
├── README.md (you are here)
├── DOCUMENTATION_MAP.md ← Navigation guide, start here for structure
│
├── User Guides
│ ├── GETTING_STARTED.md ← Installation & first automation
│ ├── VARIABLES.md ← Variable system guide
│ ├── STEPS_REFERENCE.md ← All step types with examples
│ └── examples/ ← Real-world automation examples
│
├── Developer Guides
│ ├── ARCHITECTURE.md ← System design & internals
│ ├── COMPONENT_GUIDE.md ← React components & patterns
│ ├── DEVELOPMENT_WORKFLOWS.md ← Common dev tasks
│ ├── NEW_STEP_TEMPLATE.md ← Adding new steps
│ └── DOCUMENTATION_GUIDE.md ← Maintaining documentation
- GETTING_STARTED.md - Install Loopi
- GETTING_STARTED.md - 5-step tutorial
- VARIABLES.md - Learn variables (as needed)
- STEPS_REFERENCE.md - Look up step types
- ARCHITECTURE.md - Understand the system
- NEW_STEP_TEMPLATE.md - Follow the checklist
- COMPONENT_GUIDE.md - Component patterns (if UI)
- DOCUMENTATION_GUIDE.md - Update docs
- ARCHITECTURE.md - Understand data flow
- DEVELOPMENT_WORKFLOWS.md - Debugging process
- DOCUMENTATION_GUIDE.md - Update docs if behavior changed
All documentation follows these principles:
- Clear examples - Actual JSON and code, not just theory
- Task-oriented - Organized by what you want to do
- Cross-referenced - Links to related docs
- Current - Updated when code changes
- Searchable - Use descriptive headings
See DOCUMENTATION_GUIDE.md for maintenance details.
Use DOCUMENTATION_MAP.md to:
- Find docs by audience (user vs developer)
- Find docs by task ("I want to...")
- See document relationships
- Navigate the documentation structure
- Bookmark DOCUMENTATION_MAP.md - It's your navigation hub
- Use the search functionality - Look for keywords
- Follow links - Documents cross-reference each other
- Check examples/ - Real-world automations show patterns in use
- Update docs when coding - Keep changes in sync with documentation
Before making changes to any documentation:
- Read DOCUMENTATION_GUIDE.md
- Check the update checklist
- Run
pnpm formatbefore committing
Last Updated: December 2025
Maintainer: Loopi Documentation Team