# Mode Product Capabilities and Limits ## Confirmed capabilities Mode's approved user journey supports these product capabilities: - Import or connect a codebase through upload or GitHub. - Open an own-project canvas after import/setup. - View the live app/dev-server inside the canvas through a portal node. - Select and inspect elements in the portal. - Move work between portal and canvas. - Edit product UI visually on the canvas. - Use components from the existing codebase. - Place or edit existing-codebase components on the canvas. - Build edited canvas work back toward the live app/codebase. - Target a specific div/element in the portal during build. - Create share-link output. - Push/export through GitHub and create a PR where applicable. - Connect GitHub after upload to create a repo/project and first PR. ## Capability meaning The core product loop: 1. Open real product context. 2. Work visually on product UI. 3. Reuse existing codebase/component context. 4. Build the change back toward the product. 5. Share or hand off through a reviewable output path.