@arjunkshah21 使用 AI Coding Agent完成的网页案例,包含公开结果、完整 Prompt 与原始来源。
查看原始来源 ↗Prompt · 原文 / 翻译
Vibe coding battle PART 2! Prompt I used: Design a multi-section, super elegant, beautiful landing page for a skill for AI coding agents like Claude Code and Codex, where it unslopifies AI UI, or basically designs beautiful UI. Show that it integrates with many different types of coding agents. For the actual landing page, make sure it's clean, minimalistic, but still elegant- maximum white space, but it still looks good, doesn't look tacky. And add a feature where I can switch the theme of the website with the click of a button (which would be the letter C on my keyboard) and also make sure to animate it fully. Here is the link to the repo: , reference it for information. Competitor 1 (Left Screenshot): Competitor 2 (Right Screenshot): Results below
复用方法
可复用结构
把“目标结果 → 产品名称、目标用户、页面模块和主按钮 → 约束条件”抽成模板,后续可复用到同类任务。
复测标准
围绕 模块顺序、价值主张写法与 CTA 位置 做单变量对照,并记录模型、成本和失败结果;重复成立后再沉淀为 Skill。
建议模型
Derived Skill
Skill 只从多个已发布 Case 的重复模式中派生,不是另一套投稿内容。

创作者
arjunkshah21 长期扎根X,写的是能跑起来的界面而不是截图,《AI 编程去模板化 Skill 落地页》配了完整实现思路。
继续探索
@Oluwaphilemon1 使用 Claude Fable 5 · Three.js · Blender · GSAP完成的网页案例,包含公开结果、完整 Prompt 与原始来源。
提示语
Claude Fable 5 and GPT-5.6 are powerful🥵🥵🥵 Here Is How I built with Claude 👇 Prompt: "Design an agency site where services are presented as supermarket product packaging in 3D" Use Three.js with WebGL to render al
@uxsweta 使用 AI UI Builder完成的网页案例,包含公开结果、完整 Prompt 与原始来源。
提示语
Few people asked for the prompt, so here it is 👇 PS: Tweak it based on your use case. Create a modern, minimal 3D Invoice Generator Machine component with a premium SaaS-style aesthetic. Visual Design - Design a wid
@shushant_l 使用 AI Website Builder完成的网页案例,包含公开结果、完整 Prompt 与原始来源。
提示语
Here's how to create your website in minimalist design style with AI. Use this prompt: Design a modern minimalist portfolio website for a digital creator and AI consultant. Use a clean black, white, and neutral color pa