pump-website - SKILL.md Agent Skill

name: pump-website description: "PumpOS — static HTML/CSS/JS web desktop for the Pump SDK with 169 Pump-Store apps, live token dashboards, interactive DeFi tools, PWA support, and Vercel deployment." metadata: openclaw: homepage: https://github.com/nirholas/pump-fun-sdk

PumpOS Website — Static Web Desktop

PumpOS is a fully static HTML/CSS/JS web desktop environment — a browser-based OS simulation themed around Solana DeFi. No framework, no build step. Deployed on Vercel at pumpos.app.

Key Files

File	Purpose
`website/index.html`	Desktop shell — taskbar, windows, start menu, wallpaper
`website/script.js`	App management, window lifecycle, taskbar, default apps
`website/system32.js`	OS kernel — event bus, IPC routing, user system
`website/pump.css`	Design system tokens — colors, spacing, radii, easing
`website/style.css`	Full component styles — windows, taskbar, menus
`website/sw.js`	Service worker — cache-first PWA
`website/live.html`	Real-time token launch dashboard (WebSocket relay)
`website/vercel.json`	Static deployment config with SPA rewrite

Architecture

Single HTML page (index.html) as the desktop shell
Apps loaded as HTML fragments in iframes
system32.js provides event bus + IPC between apps via postMessage
script.js manages window lifecycle, taskbar, and 30 built-in apps
24 JS modules in website/scripts/ (kernel, window manager, wallet-connect, etc.)

Pump-Store Apps (143)

All in website/Pump-Store/apps/ as individual .html files. Database at Pump-Store/db/v2.json. Categories:

DeFi tools — bonding curve calculator, DEX aggregator, fee manager, fee tier explorer
Trading — trading signals, token sniper, multichart, orderbook, watchlist
Analytics — on-chain analytics, whale flow, smart money, correlation matrix
Monitoring — liquidation heatmap, gas predictor, MEV detector, whale alerts
Portfolio — portfolio tracker, PnL leaderboard, position calculator
SDK-specific — pump-sdk-reference, token-launcher, token-launch-sim, creator-fee-sharing, migration-tracker

Design System

CSS custom properties in pump.css:

Primary accent: #00e87b (Pump green)
Background: #0a0a0a → #111111 → #1a1a1a (dark theme)
Border radius: 3-tier system (0.7em / 0.35em / 0.233em)
Responsive breakpoint at 768px
Custom cubic-bezier easing curves

PWA Support

Service worker with cache-first strategy
Web app manifest with standalone display mode
web+pump:// protocol handler
Installable with proper icons (512×512)

Deployment

Vercel (static, no framework, no build command)
SPA routing: all non-asset paths rewrite to /index.html
/libs/ and /assets/ get immutable caching (1 year)
API proxy function at api/proxy.js

Patterns to Follow

No frameworks — vanilla HTML/CSS/JS only
Apps are self-contained HTML files loaded in iframes
Use system32.js event bus for inter-app communication
All crypto operations run client-side
Use CSS custom properties from pump.css for theming

Common Pitfalls

Service worker caching may serve stale content — version your cache
system32.js IPC requires apps to listen for postMessage events
Pump-Store app HTML must be self-contained (no external dependencies beyond libs/)
The script.js default app list controls first-launch pins — update it when adding built-in apps