All skills
staqd.ai/previews/chomp
Open

Live demo — an original page built in the Chomp style. Open in new tab

Proretro

Chomp

An arcade-cabinet aesthetic of chunky 8-bit pixels, vivid primary colors, and coin-op energy that turns any interface into a high-score screen.

Install via CLI

$ npx staqd add chomp
Game and arcade landing pagesPlayful product launchesRetro brand microsites and event pages

Inside this skill

Chomp is a design system that drops the user straight into the glow of an arcade cabinet. It is built from chunky pixel typography, a midnight-blue cabinet background, and electric primary colors that buzz like a CRT at full brightness. Every edge is hard, every shadow is a solid block, and the whole thing is snapped to an 8-pixel grid. Reach for Chomp when you want playful, nostalgic, high-energy fun — game sites, launches, event pages, and brands that want visitors to feel like they just dropped a coin in the slot and the marquee lit up.

Design principles

  • Everything snaps to an 8px pixel grid — no half-pixels, no blur, no anti-aliased curves.
  • Hard edges only: 0px radius and chunky solid borders that read like a sprite outline.
  • Color is loud and primary — neon yellow, pink, green, and cyan against deep midnight blue.
  • Shadows are stacked solid blocks, never soft glows, mimicking layered pixel art.
  • Type is pixel-perfect: bitmap-style fonts at sizes that keep letterforms crisp and blocky.
  • Lean into the cabinet: scanlines, blinking cursors, coin glyphs, and "PRESS START" energy.
  • Limit the palette per screen so the neons stay punchy and the color-coding reads clearly.

Chomp is a Pro skill

Unlock the full Chomp spec — design tokens, component coverage, motion, and accessibility — plus the entire library of design skills and Pro prompts.

  • Every design skill, growing weekly
  • Full Pro prompt library + unlimited MCP
  • Commercial-use rights on output

Use it with these prompts

Arcade hero

Free

Build a hero in the Chomp style: a deep midnight-blue background with a faint pixel-grid, a chunky Press Start 2P headline in neon yellow with a 4px black pixel shadow, a 'PRESS START' style primary button with a stacked solid shadow, and a blinking pixel cursor. Everything snapped to an 8px grid, zero corner radius.

Leaderboard panel

Pro
Unlock this prompt with ProUpgrade

Coin-op pricing

Pro
Unlock this prompt with ProUpgrade