加载中…
案例库 · 公开证据
复制这段 TSX 组件源码，交给 Cursor、v0、Claude 等 AI 编程工具，说明这是「Webcam Pixel Grid」的 Aceternity UI 组件实现，即可让它接入你的 React 项目，再按需替换文案、配色与触发参数复用。
提示语
// components/ui/webcam-pixel-grid.tsx "use client"; import React, { useRef, useEffect, useState, useCallback } from "react"; import { cn } from "@/lib/utils"; type WebcamPixelGridProps =…
复制这段 TSX 组件源码，交给 Cursor、v0、Claude 等 AI 编程工具，说明这是「Terminal」的 Aceternity UI 组件实现，即可让它接入你的 React 项目，再按需替换文案、配色与触发参数复用。
提示语
// components/ui/terminal.tsx "use client"; import React, { useEffect, useMemo, useRef, useState } from "react"; import { cn } from "@/lib/utils"; const KEY_SOUNDS_DOWN: Record<string,…
复制完整建站 Prompt 到 AI 编程工具（Cursor、v0、Claude 等）生成「Vision Reveal」对应的页面区块，替换文案、品牌与素材链接即可复用。
提示语
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <title>Creative Studio Showcase</title> <link…
This is much better than Claude Design! I tested MiniMax M3 to see how good it actually is at coding. I gave it a prompt to build a premium website …
提示语
「为我的咖啡店品牌 ZARA Cafe 创建一个现代、高级、高转化的电子商务网站。」 它生成的结果真的让我震惊： → 高级咖啡店品牌塑造 → 移动端优先设计 → 以转化为导向的布局 →…
…per elegant, beautiful landing page for a skill for AI coding agents like Claude Code and Codex, where it unslopifies AI UI, or basically designs be…
提示语
为 Claude Code 和 Codex 等 AI 编程代理的 Skill 设计一个多版块、极其优雅且漂亮的落地页；这个 Skill 能消除 AI UI 中的模板化和粗糙感，基本上就是设计漂亮的…
…s because it was the "ouch" moment of ChatGPT since GPT 5.2 I used to pay Claude Max x5 before, just to create some nice frontends.
提示语
GPT 5.6 Pro 的前端能力相当不错！ 因为 GPT 5.2 曾经是 ChatGPT 的“痛点时刻”，所以我决定测试它的前端能力。 以前我为了做出漂亮的前端，曾经付费订阅 Claude Max ×5。但现在不用了！ 这里有 3…
Grok 4.3 beta is coming for Claude Design🤯 Here's the exact prompt to build the website shown in this video. (Must Bookmark) "Use Tailwind CSS (inc…
提示语
Grok 4.3 beta 要来抢 Claude Design 的生意了🤯 这是构建视频中所示网站的确切提示词。 （必须收藏） 「使用 Tailwind CSS（通过 CDN 引入），柔和温暖的奶油 /…
