Once Airglow is installed, building a new app is one prompt to your coding agent. You describe the page, the action, and the result. The agent writes the manifest, the userscript, and (if needed) the server module underDocumentation Index
Fetch the complete documentation index at: https://docs.airglow.cc/llms.txt
Use this file to discover all available pages before exploring further.
airglow-apps/your-app/. The local server picks it up. The app shows up on the page you targeted.
Done means a new folder appears under
airglow-apps/, the local server logs it, and the app renders on the page you described.Steps
1. Open the SDK in your coding agent
Openairglow-sdk as the workspace in Codex, Claude Code, Cursor, or another coding agent. Let it inspect the repo first — you’ll get better prompts after the agent has read airglow-apps/shared/ and one existing showcase.
2. Write a short, specific prompt
Name three things: page, action, result. One of each.3. Open the target page and check
Open the page you named (news.ycombinator.com in the example above). The panel should appear without you doing anything else.
The app shows up only on the page it targets, and only uses what’s on that page.
4. Iterate in short rounds
The first version rarely lands. Run it on the real page, see what’s off, ask for one fix.Best practices
- One app, one page, one action. If your first prompt covers two, split it into two apps.
- Be specific. “Summarize visible HN stories into five bullets” works better than “summarize the page”.
- Trust the page, not the chat. The agent’s summary of what it did is not the result. Open the target site and check.
- Start from a showcase. If your idea is shaped like an existing app (list-summarize / extract-fields / answer-from-context), tell the agent to fork that showcase and retarget it. Faster than starting blank.
If it does not work
| Case | Fix |
|---|---|
| App is missing on the target page | Keep the server running, reload the extension, then refresh the page. |
| Manifest changed but nothing reloads | Touch the manifest or restart pnpm airglow dev. |
| App appears but data looks wrong | Check what’s actually on the page — open DevTools and confirm the selectors match. |