作为一名极具审美的前端工程师，创建一个「中文推特 KOL 榜单」网站落地页，设计感拉满，极简配色，深色模式，高对比度。数据源通过网络获取。 使用 tailwindcss + html5 ，加入动效，直接输出 HTML 代码。
Make it yours. Swap 「中文推特 KOL 榜单」 (a ranking of Chinese Twitter KOLs) for your own list, and the style words 极简配色，深色模式，高对比度 (minimal palette, dark mode, high contrast) for another look.
Dark ranking page for Chinese X creators
A black, high-contrast landing page that ranks Chinese-language X accounts, with a huge two-line headline over a scrolling leaderboard. The two-sentence Chinese prompt asks Gemini 3.0 for a page with maximum design, Tailwind, and motion, as one HTML file.
You'll need
- Web access for the model, since the prompt asks it to fetch the ranking data (数据源通过网络获取)
How it was made
The creator didn't say where Gemini 3.0 ran. In a reply they called it a simple build with no larger stack in an AI IDE, just a demo (只是演示一下), and said the data was correct. The prompt asks for the data to be fetched from the web, so the result depends on the model having web access.
Gemini 3.0 · Tailwind CSS · HTML and CSS
Source and credit
X · Nov 19, 2025 · 173 likes · 18k views · 11 comments
Authorship not stated by the source
Published instructions: Post body, in quotes after 提示词
Look notesby Reference
A black leaderboard page titled THE CHINESE INFLUENCE., with a search field over a ranked list of accounts, each with an avatar, category tag, and score.
- Color
- Black with white and grey type and a lime-green accent on the live badge, top rank numbers, and the highlighted row; the recording sits on a blue-violet desktop backdrop.
- Type
- A bold two-line grotesque headline that fades from white to grey, with a faint outlined TOP 100 behind it; small sans-serif for the table.
- Framing
- 16:9 screen recording with a visible cursor. Headline top left, then a full-width table: rank, name and handle, category, impact score, and trend arrow.
- Structure
- Hero with the headline and search field, then the list scrolls from rank 01 to 16, highlighting the row under the cursor, and ends at a Load more button.
