File size: 1,501 Bytes
c5f93fc | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 | # AgentOS Frontend
Pure HTML + CSS + JavaScript frontend for the AgentOS swarm platform.
## Tech Stack
- **HTML** — Semantic structure
- **CSS** — Pure CSS, no frameworks
- **JavaScript** — Vanilla JS, no dependencies
- **GitHub Pages** — Autonomous static hosting
## Why No Frameworks?
GitHub Pages allows any interface. We use pure web standards:
- Faster load times
- No build step required
- Zero dependencies
- Works forever
## Structure
```
agentos-frontend/
├── pages/
│ └── index.html # Main landing page
├── css/
│ └── agentos.css # All styles
├── js/
│ └── agentos-live.js # Live data fetcher + terminal animation
└── deploy/
└── (GitHub Actions handles deployment)
```
## Live Data
The frontend fetches real-time status from the `.agentos` runtime via GitHub raw content URLs:
- Git bucket count from `gitbucket/index/manifest.json`
- Problem registry from `pnp/problem_registry.json`
- Skills registry from `skills/registry.json`
## Autonomous Deploy
GitHub Pages deploys automatically on push to `main` when `agentos-frontend/**` changes.
The workflow:
1. Copies `pages/index.html` → `docs/`
2. Copies `css/` and `js/` → `docs/`
3. Deploys `docs/` to `gh-pages` branch via `peaceiris/actions-gh-pages`
### Manual build
```bash
npm run build:frontend
```
### URL
After deploy: `https://snapkittywest.github.io/snapkitty-agentos/`
|