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