UI DESIGN LAB
首页
社区
资源库
知识库
文档
EN
登录
把灵感变成项目
选中灵感，生成项目。
探索模板库
开始新项目
浏览 Prompt Skills
全部
Landing
Dashboard
WebGL
Mobile
Design System
Jack 3D 创作者作品集
响应式 / 深色
Design Rocket 证书课程邮件页
响应式 / 深色
Kresna SaaS 页脚组件
响应式 / 营销站点
深色发光功能卡片
深色 / 动效
Digital Epoch 视频 Hero 与 Logo 跑马灯
响应式 / 动效
Core Features 渐变卡片区块
响应式 / 设计系统
Jack 3D 创作者作品集
响应式 / 深色
Design Rocket 证书课程邮件页
响应式 / 深色
Kresna SaaS 页脚组件
响应式 / 营销站点
深色发光功能卡片
深色 / 动效
Digital Epoch 视频 Hero 与 Logo 跑马灯
响应式 / 动效
Core Features 渐变卡片区块
响应式 / 设计系统
社区灵感墙
从社区项目获取灵感。
Jack 3D 创作者作品集
响应式 / 深色
Design Rocket 证书课程邮件页
响应式 / 深色
Kresna SaaS 页脚组件
响应式 / 营销站点
深色发光功能卡片
深色 / 动效
Digital Epoch 视频 Hero 与 Logo 跑马灯
响应式 / 动效
Jack 3D 创作者作品集
响应式 / 深色
Design Rocket 证书课程邮件页
响应式 / 深色
Kresna SaaS 页脚组件
响应式 / 营销站点
深色发光功能卡片
深色 / 动效
功能预览
工作流展示
模板库
从社区项目中选择一个喜欢的页面，作为你的起点。
提示词库
选择合适的提示词，把常见设计需求变成可复用指令。
设计规范
记录字体、颜色、组件和动效，让页面风格保持一致。
Agent 工作流
把模板、提示词和需求交给 Agent，生成可预览的页面。
我的项目
保存生成结果，方便继续修改、导出和复用。
模板库
打开模板库
Jack 3D 创作者作品集
深色 3D 创作者个人作品集首页，包含巨型渐变 hero 字体、人物主视觉、双排作品跑马灯、About、Services 和 sticky 项目卡片。
Design Rocket 证书课程邮件页
为 Design Rocket Certificates AI 领导力课程构建的邮件式营销页，包含视频 Hero、课程步骤、AI 转型路线图、青柠 CTA 和深色 footer。
Kresna SaaS 页脚组件
Kresna 销售自动化 SaaS 的双卡片页脚组件，包含视频品牌卡、社交图标、导航链接、订阅框、幸运徽章和巨大淡色字标。
深色发光功能卡片
深色高对比功能卡片区块，使用三张圆角卡片、模糊发光背景和渐变边框呈现 Hardware、Studio 与 Motion。
开始你的第一个项目
01
选择一个
模板
先选一个喜欢的页面，作为项目起点。
02
查看
Skill + DESIGN.md
查看它的设计规范和可复用提示词。
03
生成或改造
项目
交给 Agent 生成页面，再继续修改。
开始新项目
先看看模板
Digital Epoch 视频 Hero 与 Logo 跑马灯
响应式 / 动效
Core Features 渐变卡片区块
响应式 / 设计系统
智能假肢视频 Hero
响应式 / 动效
移动银行应用
金融 / 移动应用
NeuroSync 认知加速首页
深色 / 动效
Lumina 品牌识别面板
深色 / 设计系统
Core Features 渐变卡片区块
响应式 / 设计系统
智能假肢视频 Hero
响应式 / 动效
移动银行应用
金融 / 移动应用
NeuroSync 认知加速首页
深色 / 动效
Lumina 品牌识别面板
深色 / 设计系统
Apex 合规系统页面
Web 应用 / 干净风格
Matrix Framework 系统界面
设计系统 / Web 应用
Signal OS 创意运营仪表盘
设计系统 / 动效
Frame Index 落地页
设计系统 / 落地页
Jack 3D 创作者作品集
响应式 / 深色
Apex 合规系统页面
Web 应用 / 干净风格
Matrix Framework 系统界面
设计系统 / Web 应用
Signal OS 创意运营仪表盘
设计系统 / 动效
Frame Index 落地页
设计系统 / 落地页
Jack 3D 创作者作品集
响应式 / 深色
更多社区作品