WorkBuddy × EdgeOne Pages 挑战赛 · 作品投票开启
开发者用 Prompt 或 Skill 搭出来的网站作品，快来为你喜欢的创意投票
每人每天最多投 3 票 · 截止 5月29日 23:59
Pawsome
Pawsome是一个专为宠物爱好者打造的温馨社区平台，采用React + Vite + TypeScript + Tailwind CSS技术栈开发。平台设计风格暗黑奢华，融入Apple风格的"液态玻璃"视觉特效，以纯黑背景配合温暖的奶油色调，营造舒适惬意的氛围。核心功能包括实时"Paw Check-in"访客计数器、宠物日常分享社区、精选宠物用品商城等，为猫狗宠物主人提供分享日常、购物和社交的一站式体验。
luxury perfume
SOLARA是一个高端奢侈香水品牌电商落地页，采用React + Vite + TypeScript + Tailwind CSS + shadcn/ui技术栈构建。设计风格以暗黑奢华为主调，搭配温暖金色调，呈现精致高端的视觉体验。页面展示品牌故事、香水产品系列、用户评价等模块，通过流畅的动效和精美的排版，为用户带来沉浸式的奢侈品购物体验。
AI wallpaper generator
AI壁纸生成器是一款智能壁纸创作工具网站，基于React技术栈开发，部署于EdgeOne CDN。用户只需输入创意描述，即可通过AI技术自动生成独特的个性化壁纸。网站界面简洁现代，支持多种壁纸尺寸和风格选择，生成速度快、质量高，让每个人都能轻松拥有专属的艺术壁纸。
Start Somewhere
Start Somewhere是一个激励性网站项目，采用React技术栈开发，通过EdgeOne Pages部署。网站设计灵感来自"万事开头难"的理念，鼓励用户迈出第一步。页面融合了精美的视频背景和现代化的UI设计，配合EdgeOne边缘函数实现动态交互功能，旨在通过视觉和文字的力量，激励访客克服犹豫、勇敢行动。
DramaAI
DramaAI是一款AI驱动的短剧剧本生成器，采用React + Vite + TypeScript + Tailwind CSS技术栈构建。平台专注于短视频剧本创作，支持一键生成完整剧本框架、智能编剧、小说转剧本等功能。覆盖都市、古装、言情、悬疑等多种题材，输出可直接用于拍摄的场景描述和镜头指导，支持中英双语，适配TikTok、YouTube Shorts等平台创作需求。
Maison Perle
Maison Perle 是一款高端奢侈珠宝品牌电商网站，采用 React + Vite + TypeScript + Tailwind CSS + shadcn/ui 技术栈构建，并集成 EdgeOne Pages Edge Functions 实现轻量级后端功能。 网站设计灵感源自名画《戴珍珠耳环的少女》，打造出如同"可购物的油画展览"般的沉浸式体验。整体视觉以深普鲁士蓝黑为主调，搭配群青丝蓝、珍珠象牙白与香槟金，营造出暗黑、静谧、优雅且富有电影感的博物馆级氛围。 页面包含9大精心设计的模块：固定导航栏、全屏视频Hero区、品牌故事、珠宝系列展示、产品网格、工艺信任背书、媒体评价及预约功能。采用"museum-glass"毛玻璃组件与 Framer Motion 动效，兼顾艺术美感与生产级布局稳定性，完美呈现一个真实可用的奢侈珠宝品牌官网体验。
会呼吸的"数字宣纸"
一张会呼吸的"数字宣纸"，鼠标划过留下水墨涟漪，底层有电路板纹理在缓慢脉动。
饰品独立网站
饰品独立网站，有比较完整的电商销售管理货品前后端系统
ProductLens
一、核心价值 **ProductLens** 是一个面向产品决策者的 AI 驱动市场洞察平台，能在 **30 秒内**完成跨平台（淘宝/京东/Amazon/Shopee）的产品研究分析，将原本需要 **2-3 天**的人工调研工作自动化。 **核心价值主张：** - 📊 **一站式市场情报**：打破平台壁垒，同一界面对比淘宝、京东、Amazon、Shopee、Lazada 五平台数据 - 🤖 **AI 洞察引擎**：自动从用户评论中提取情感倾向、高频关键词、未被满足的需求机会点 - ⚡ **秒级响应**：Edge Functions 边缘计算架构，API 响应 <200ms，远超传统爬虫方案 - 💰 **成本极低**：Serverless 架构，月均运维成本 < ¥100
情绪调色盘
情绪调色盘是一个禅意极简的个人状态展示页。用户通过底部5个状态点切换当下心情（创作/摸鱼/忙碌/学习/放松），页面随情绪变换配色、呼吸动画和天气建议文案。核心价值：让个人主页"活"起来，访客一眼感知你的状态和氛围。采用 CSS 变量驱动主题系统，800ms 丝滑过渡，视觉惊艳且具社媒传播潜力
Maison Table
**"东方克制美学"**： - 墨炭黑底 + 琥珀金主色 + 朱砂红点缀 - 宣纸质感背景、手写虚线、方正小圆角 - 零霓虹、零渐变色块、零现代 SaaS 风格 - 每一屏只传递 1~2 个核心信息——仪式感优先于信息密度
茗韵（Ming Yun Tea）
茗韵（Ming Yun Tea）是一个融合传统茶文化与前沿前端技术的精品茶叶品牌展示站点。网站以 ECharts GL 3D 立体中国地图为核心视觉亮点，用户可交互式探索七大名茶产地的地理特征与风味信息。全站采用翡翠金配色体系，搭配粒子动画、Swiper 轮播、AOS 滚动动效，打造沉浸式东方美学体验。适用于茶叶品牌线上展示、茶文化教育及电商场景，具备极强的社交媒体传播潜力。
展馆预约
用于展示中国历史文化的底蕴，并且可以给与展馆进行预约
病历智能识别系统
本地私人做可移动的病历，方便夸医院使用及平常生活饮食调理建议
Nexus Galaxy
🌌 作品名称：《星际旅行社》—— 商业级高动效 AI 网页生成提示词 🎯 核心价值 (Core Value) 本作品的核心价值在于“用结构化语言驾驭 AI 的审美与工程能力”。 创意平权与降本增效：将传统前端开发中门槛极高的“现代动效与UI设计”（如粒子系统、滚动视差）转化为自然语言模板。让完全没有代码或设计背景的用户，也能实现“一键生成”极具视觉冲击力的商业级着陆页。 解决 AI 幻觉与审美崩塌：针对用户常见的模糊指令（如“随便做个网页，花哨一点”），本 Prompt 提供了一套经过严格校验的控制框架。通过锁定配色、材质和具体技术方案，彻底解决了 AI 自由发挥时容易产生的“配色混乱、逻辑缺���、只懂堆砌元素”等痛点。 💡 适用场景 (Applicable Scenarios) 快速原型构建 (MVP & Prototyping)：极度适用于初创团队、独立开发者在 0 到 1 阶段，为 Web3、AI工具、独立游戏、前沿科技硬件 等项目快速搭建高逼格的产品官网或着陆页（Landing Page）。 Prompt Engineering 教学与评测：作为结构化提示词的标杆案例，可用于展示如何通过“角色设定 + 全局规范 + 具象化细节 + 技术授权”的四维模型来榨干 LLM (大型语言模型) 的代码生成潜力。 前端动效代码脚手架：为专业前端开发者提供一个包含现代流行趋势（如毛玻璃、发光阴影）的基础骨架，开发者可直接在生成的代码上进行业务逻辑的二次开发，节省大量 CSS 调优时间。 ✨ 亮点功能 (Highlighted Features) 将“抽象感觉”转化为“具象工程指令”： 摒弃了空洞的形容词。将需求中的“花哨”，精准拆解为了前端可实现的5大核心动效（自定义鼠标拖尾、Canvas星空粒子背景、打字机特效、GSAP级滚动视差、Hover 3D 浮动）。让 AI 生成的代码招招命中现代 Web 审美的爽点。 教科书级的 UI/UX 品控： 直接内置了成熟的视觉设计规范系统。限定了“深空黑+霓虹青+星云紫”的赛博太空配色，并强制应用 Glassmorphism（毛玻璃质感）和 Neon Glow（霓虹发光），确保页面呈现出极强的未来感与奢华感。 模块化与商业逻辑闭环： 不仅注重视觉，更注重产品的转化率设计。将页面严格划分为：带透明渐变的导航栏 -> 极具煽动性的英雄区(Hero) -> 带有浮雕动效的卡片展示区 -> 特色卖点区，形成了一个完整、可商用的着陆页结构。 灵活的技术放权机制： 在提示词中特别加入了“允许引入第三方 CDN 库（如 Particles.js， Tailwind， AOS.js）”的指令。打破了原生手写代码的局限性，让 AI 能够调用成熟的开源生态，极大地拔高了最终网页的动态表现力上限。
筑境设计全栈作品集网站
筑境设计全栈作品集网站，基于边缘壹平台构建，展示城市规划与建筑设计研究院二十载专业沉淀。暗色系搭配香槟金，融合视差滚动、数字递增动画、跑马灯等交互特效，兼具设计感与用户体验。 三大核心亮点：边缘函数驱动三个后端接口，覆盖表单提交、实时访客统计、智能客服；智能客服基于大模型，内置专属知识库，支持流式多轮对话，访客可即时了解业务与案例；键值存储实现数据边缘持久化，低延迟读写。 零服务器、零运维、零成本，内容分发网络全球加速，单文件架构即开即用。
感谢支持
如果你觉得这些作品很酷，给我们的 Github 仓库一个 Star