Web skills today. Video, slides and image skills are next on the shelf.
Premiumv1.1.0 · updated 2026-10-25

Spotlight Cards

A feature-card grid where a soft light follows the cursor, lighting borders and surfaces across neighbouring cards.

Web · vanilla JStestedWeb · React / Next.jsadaptableWeb · Vue / Nuxtadaptable
Live preview

Good for

  • feature grid
  • pricing tiers
  • dashboard tiles

Tags

  • cards
  • hover
  • interactive
  • glow
  • features

Install as a skill

  1. Tune the preview above, then press Copy install prompt (with Premium access) and paste it into your agent. It reads the install guide and runs the MotionPantry CLI.
  2. Approve the connection in your browser the first time. The skill lands in your agent’s skills folder as motionpantry-spotlight-cards.
  3. Ask your agent: Use the motionpantry-spotlight-cards skill to add Spotlight Cards to my feature grid.

Or run it yourself:

# Claude Code
npx --yes motionpantry@latest install spotlight-cards --agent claude-code

# Codex, Cursor, Gemini CLI or OpenCode
npx --yes motionpantry@latest install spotlight-cards

Copying the install prompt needs a free account, for free and Pro skills alike.

Included with Premium

  • Design intent with the traits your agent must keep
  • Readable, dependency-free reference implementation
  • Adaptation guide for vanilla JS, React and Vue
  • Acceptance checks, plus scripts to preview and verify your settings
  • One-line install into your agent with your tuned settings
  • Updates and new Premium skills while your access is active
  • Monthly, yearly or one-time Founding Lifetime plans via PayPal
  • Non-refundable once access is granted, subject to our refund policy

Changelog

  • v1.1.02026-10-25Repackaged in the v2 skill format: generic SKILL.md, instance.json with your settings, TASK.md, build and check scripts.
  • v1.0.02026-10-22Initial release.

More from the pantry

All skills
Free

Constellation Field

Drifting particles that link into a living network and respond to the cursor. Canvas, retina-sharp, pauses off-screen.

  • particles
  • canvas
  • background
  • vanilla JS
Free

Aurora Background

Soft, drifting aurora light behind a hero headline. Three blurred color fields move on slow, non-repeating paths.

  • background
  • gradient
  • hero
  • vanilla JS
Free

Morphing Action Button

One outline that tightens from a button into a loading ring, draws a check, then opens into a success label. A continuous response instead of three swapped components.

  • button
  • loading
  • morph
  • vanilla JS
esc
↑↓ move ↵ openBrowse all skills →

Welcome to MotionPantry

Sign in to copy skills and access Premium.

or continue with email

Your install prompt is ready

Copy this prompt and paste it into your agent.