AI prompt workshop

Pick, click, get a battle-tested prompt

Choose component type, palette and vibe — the workshop assembles a structured prompt you can paste into any AI coding tool for a 1:1 result.

Component type

Palette

Vibe / keywords

Rich motionReact + TS output

Generated prompt

Create a single-file, self-contained HTML/CSS/JS component for: background effect (sci-fi / futuristic, glassmorphism with neon glow).
Palette: violet #8b5cf6, fuchsia #d946ef, cyan #22d3ee, on a deep near-black background.
Include smooth motion: hover states with lift + glow, spring/overshoot easing (cubic-bezier(.22,1,.36,1)), entrance animations, and subtle micro-interactions.
All styles and scripts inline, zero external dependencies, works offline in a sandboxed iframe. Semantic markup with accessible focus/hover states.
Typography: Inter for UI, JetBrains Mono for any code/labels. Generous spacing, rounded-xl/2xl corners, thin 1px translucent borders, backdrop-blur glass surfaces.
Output the complete runnable HTML document.

Tip: paste into Cursor / Claude Code / Codex / v0 — then submit the result back to the vault.