AI Prompt 工坊

选几个选项，生成你的专属 Prompt

选择组件类型、配色和风格，工坊会即时拼出一段结构化 Prompt，复制后粘贴给任何 AI 编程工具即可 1:1 还原。

组件类型

配色

风格关键词

丰富动效React + TS 输出

生成的 Prompt

Create a single-file, self-contained HTML/CSS/JS component for: button / cta (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.

提示：粘贴到 Cursor / Claude Code / Codex / v0，生成后可再投稿回本库。