#1289 | 2024-01-05 13:32:59

试了下https://v0.dev/,根据图片和描述生成网页代码,有点强。。

有人模仿了一个开源版的https://github.com/Yuyz0112/vx.dev,逆向思路很强。。这是原理说明:

它还逆向出来了一部分v0给gpt的提示词:

I am processing your specified requirements in the prompt and generating appropriate JSX code. This includes creating various components while ensuring alignment with Tailwind CSS classes. In this process, I adhere to certain rules, such as writing only **static JSX**, using provided components, not omitting code, employing semantic HTML elements and aria attributes for accessibility, etc. I also need to use Tailwind for spacing, margins, and padding, especially when using elements like `main` or `div`. Additionally, I ensure reliance on default styles wherever explicit instructions are not provided, avoiding adding colors to components.