✕ Close

skAIxu IDE — Quick Tutorial

Open & Save

• 📂 Open Folder / 📄 Open File imports into IndexedDB (auto-saves here).
• 💾 Save writes to IndexedDB; if opened via File Picker it also writes back to disk.
• Drag & drop folders, files, or ZIPs into the app to load them.

Edit & Preview

• Monaco editor with word wrap, Ctrl/Cmd+S to save, Run to preview HTML in the right pane.
• Auto-format toggle applies Prettier on save; use ✨ Format / 🔍 Lint manually.
• Language hints appear in the AI panel; preview updates for HTML after save/run.

AI Assist

• Enter an instruction, click ✦ Ask AI; suggested diff shows below. Apply/Reject to control changes.
• Requires your Gateway token (top bar) and chosen model.

Search & Replace

• Search workspace field filters across all loaded files; click a hit to jump.
• Replace prompts for find/replace and applies across loaded files (current editor included).

Git (GitHub API)

• Set owner/repo, branch, path (optional), PAT. Pull loads tree into the IDE.
• Diff shows workspace vs pulled base. Commit+Push creates blobs/tree/commit and updates the branch ref.
• Use ⬆ Push (top bar) for single-file updates without the full commit flow.

Tasks (WebContainer)

• Select a package.json script to prefill, or type any command (e.g., npm install).
• Runs in an in-browser WebContainer; stop with ■ Stop. Install deps before running builds.

Tips

• State persists in IndexedDB. Clear with ✕ clear under Files.
• Large repos: pull caps at 500 blobs, skips files >200 KB to stay responsive.
• Keep PAT scoped minimally (repo/write). No secrets are stored server-side.

Live Preview ↺ Refresh ⤡ Detach

Open an HTML file and click ▶ Run to preview