惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

云风的 BLOG
云风的 BLOG
Help Net Security
Help Net Security
Y
Y Combinator Blog
WordPress大学
WordPress大学
D
DataBreaches.Net
N
Netflix TechBlog - Medium
U
Unit 42
爱范儿
爱范儿
MyScale Blog
MyScale Blog
CTFtime.org: upcoming CTF events
CTFtime.org: upcoming CTF events
博客园 - 司徒正美
Google DeepMind News
Google DeepMind News
D
Docker
H
Help Net Security
Stack Overflow Blog
Stack Overflow Blog
宝玉的分享
宝玉的分享
博客园_首页
Microsoft Security Blog
Microsoft Security Blog
Engineering at Meta
Engineering at Meta
Know Your Adversary
Know Your Adversary
P
Privacy & Cybersecurity Law Blog
P
Proofpoint News Feed
T
Tenable Blog
S
Schneier on Security
V
Vulnerabilities – Threatpost
V
V2EX
T
Tor Project blog
Security Latest
Security Latest
S
Securelist
G
Google Developers Blog
NISL@THU
NISL@THU
Schneier on Security
Schneier on Security
Webroot Blog
Webroot Blog
小众软件
小众软件
Google Online Security Blog
Google Online Security Blog
阮一峰的网络日志
阮一峰的网络日志
W
WeLiveSecurity
IT之家
IT之家
I
InfoQ
cs.CV updates on arXiv.org
cs.CV updates on arXiv.org
月光博客
月光博客
I
Intezer
T
The Blog of Author Tim Ferriss
C
Cisco Blogs
博客园 - 【当耐特】
The GitHub Blog
The GitHub Blog
Cloudbric
Cloudbric
Scott Helme
Scott Helme
The Cloudflare Blog
L
LINUX DO - 热门话题

分享创造

分享 KCase 脑图测试用例生成平台(AI 辅助生成测试用例) 标签页囤积症自救:写了个插件 TabRack,主打快速检索、自动分类和 AI 摘要 [file-preview]一个比较全面的在线文件预览组件库-支持 react 和 vue 撸了 iOS 个[极简水印相机],直接免费 做了一个 V2EX Skill 写了个 iOS 打码 App「遮鸭 Maskduck」,纯离线免费 35 岁前端,裁员失业后,我花 1 个月做了个 AI 生图网站 亲身经历猫咪急症,我做了一款猫狗疼痛检测工具,希望能救你家毛孩一命 如何用 AI 做比较酷炫的落地页? 求真!最近 AI 生图的能力强到可怕 开源一个查看 k8s 的菜单栏工具-kubebar Packpour:我做了个专门给 App Store Connect 填多语言元数据的小工具 面对 140 年一遇的超级厄尔尼诺,我做了个全球监测小站 做了一个自动翻译的 Hacker News 客户端 做了一个 AI 头像生成器,可以免费生成 2 次 [送码 50 个] 自己手搓了个高颜值的倒数日 App——拾光机,求 V 友们指点 一个将苹果健康 APP 数据导出的工具,然后把你的数据喂给 AI 分析 我做了一个叫「订阅斩」的 iOS App,专门对付那些悄悄扣钱的订阅 做了个草率的日麻互动漫画,听听反馈 喜欢自己洗车的朋友们,我用 ai 做了一款洗车小程序 -- 洗车志 感谢 V2EX 上各位 NAS🍆 和 Datahoarder 玩家的关注和真实反馈!作为个人开发者,能得到这么多硬核玩家们的讨论,我非常荣幸。 用 AI 开发熊孩子自律的小程序 用 OpenClaw 搭建个人运动助手 今天摸鱼给 NanaAI 也接入了 GPT-Image-2 [Video Companion]一个 chrome 插件,解决大多对视频操作的需求~欢迎使用提 bug AI 时代,做产品简单了,把产品推广出去却变的更难了~ bestskills.dev - Skills 精选和评测站点 免 ROOT 强力卸载安卓广告软件 一个 All In One 的运维工具,支持 SSH、数据库、Redis 管理 [开源] Codeg V0.10:专注于代码生成的多智能体 IDE(cc、codex、gemini、opencode……),新版本重构了工作区,飞一般的体验,支持桌面端、服务器部署 老婆嫌鼻型不完美?我做个医美 AI,帮你一键分析变美效果! BrandMaker-3 分钟帮你搞定品牌资产设计 [开源·Actionow] 包含 Agent 辅助·团队协作·多租户·积分系统的 AI 影视创作 SaaS 平台 OCR 发票识别服务 编程小白用 Nextjs Saas 搭建的第一个 GPT Image 2 体验站 希声 (Still) :为 Audiobookshelf 打造的 iOS 原生客户端 Opus 真的牛炸了! 5 天和比 Mermaid 更专业的图表渲染引擎 最近在做一个 OPC 社区,欢迎大家注册。 做了一个内网/本机用的 todo 系统(rbtodo) 昨天上线一个推理密码的小游戏,大家有空玩玩。 用 golang 写了,一套面向个人音乐资产的本地优先音乐系统 自己做的 GPT Image 2 生图网站 可白嫖 Codex 设计的垃圾小游戏,玩完想吐 写了一个 NestJS 中文文档站 分享一个刚上线就挂的网站:蹭词需注意啊 深夜开源 OpenVibble,不需要开发板也可蓝牙连接 Claude Desktop 和 CC 监工了! Rust 写的 ML 驱动的本地漫画翻译器,一键汉化本子! 用 AI 帮助写简历和准备面试,给大家推荐这个我们开发的使用求职助手网站 给猫梳毛小游戏 Claude Code 小白免费从入门到精通,系列视频教程,第一期 一个把单词、句子、阅读、复习全打通的英语学习小程序 - “匠心英语学习助手” 年前说要把 macOS 的文件备份应用 savepoint 开源的,但是耽误了一阵子 做了个开源的 AI 代码安全智能体 mythos-agent,想在 V 站求轻拍 一个小项目:快速清理磁盘大文件的 Python 代码 我用 Agent 写了个 NFL(美国国家橄榄球联盟)随机生成器 & 抽签转盘 Basevolt: 我做了一个本地优先的数据库管理工具,一分钟生成管理后台 vibe 了一款记忆训练游戏 iOS 照片备份 App「🍉西瓜备份」上线,直接免费 我也来分享一个小游戏《勇闯霍尔木兹海峡》 solo 做了个 AI 图片转视频的工具站,来 V 站交个作业 大家好,我们的出海 GEO 平台 - Dageno AI,今天正式在 Product Hunt 上线了,诚邀大家来支持我们一票! 一个自动化工具,操作浏览器,常用功能支持 hub, LLM 友好 写了个双人爱之语测试网站,帮我和对象解决了多年的矛盾 开发了一个 patches 风格的数字矩形游戏,欢迎来挑战 BoringTun 不做 manager,那我用 Rust 做一个: WG-FRIEND PushGo,全新消息推送 App,开源免费,支持 iOS / watchOS / macOS / Android 做了一个 Typeless 平替,便宜 10 倍,用 Claude Code / Agent 时再也不用憋着慢慢打字了 一个 MacOS 右键新建文件的拓展应用,我知道本站大佬应该用不上😄 个人开发了 3 年的数据可视化工具发布桌面端了 产品派新版发布了,增加通知偏好邮件通知功能,修复发布产品网址的问题 我们把给不同产品单独写的 AI 客服,做成了一个通用产品 什么样的独立开发产品真的能赚到钱? GridMove for macOS:按窗口任意地方移动窗口,或者快速调整为自定义布局 写了个小工具,试图把 Everything 的体验带到 Mac 上 不只是 NAS:走出局域网, Nas Player Pro 依然能打 做了一个极简的分析澳门博彩游戏胜率和数学期望的网站,希望能对有这方面兴趣的兄弟们有点用 「开源」SONIC-LENS / MUSIC ARCHIVE / MAC + iPhone + iPad [开源] Vela — 一款本地优先、隐私安全的 AI 长文/小说创作 IDE gpt image 2 貌似全量上线了,捡漏了一个不错的域名,再试一次 分享几个效率小工具,在 Finder 中一键使用 claude code / codex-cli / opencode-cli / gemini-cli 打开项目 好消息,貌似我的开源项目被盗版,发布到了微软商店 # [拉票] 我用 TRAE SOLO 做了个 macOS App「到站请下车」(求支持) 越来越勤劳了,做了一个交易的小产品,即将上线…… 大功能更新再发一次:订小阅 - 小程序管理你的订阅 写了一个 skills,用于判断某些产品是否是智商税 打磨了一款远程 vibe 工具 给大家介绍一下我的第六个想法:免安装的 mac 磁盘空间清理利器 mac-space-cleanup skill 做了个剪贴板&截图增强工具 养小龙虾的朋友们快来测 agent 的 mbti🤖 任何一个 agent 都可以一键参与测试 如果你做过 segmentation,可能默认用了太久 argmax 跟风复刻了个 Web Harmonium,有点意思 分享下自己 vibecoding 的 android ssh 软件,基于 connectbot + frp 来实现 尝试用 claude code 做了一个完整的 saas 订阅站 PasteMemo v1.5.0:接力模式大重构,自动化接入 macOS 快捷指令 开源复刻 CodeX Computer Use 的「权限申请」交互,目前没看到比这个更细致的 做了个 Claude Code 多账号切换启动器,不用再反复 /login 了 code is cheap, show me your design ——分享一个我的 AI 时代的软件开发范式 折腾了个自托管 Docker Registry —— 一个镜像跑起来就是完整的(UI + 账户 + 权限) 用时一个月,开发了一款适合上班摸鱼的 web 端 Roguelike RPG 游戏 用 JS+HTML+CSS 做了一款网页版宝可梦游戏
做了一个 AI 复刻 APP UI 的小程序,大家给点意见
lzzyywz · 2026-05-21 · via 分享创造

做了一个真实 App 截图资料库 + AI 复刻 Prompt 生成工具:Pixlore

最近自己做产品、写页面、用 AI 生成 UI 的过程中,经常被两个问题卡住。

1. 很多设计参考好看,但不一定适合真实产品

平时找 UI 参考,很多人都会去 Dribbble 、Pinterest 、Mobbin 之类的平台。

这些地方确实能找到很多很好看的 App 设计图,但我实际用下来发现一个问题:不少图更像是概念稿、练习稿或者展示稿。视觉上很完整,但真正落到产品页面里,经常会遇到一些问题:

  • 页面信息密度和真实业务不匹配
  • 按钮、卡片、列表尺寸不一定适合实际使用
  • 缺少状态、边界情况、空数据、长文本等真实场景
  • 单张图看起来很高级,但做成完整页面后不一定好用

所以我做 Pixlore 的第一个功能,是一个真实 App 截图资料库

它不是收集概念设计稿,而是尽量整理真实 App 里的页面截图。你可以按关键词、应用、标签、色系、页面类型去找参考,例如:

  • 蓝色渐变登录页
  • 设置页
  • 仪表盘
  • 账户设置
  • 按色系找界面
  • 某类 App 的真实页面结构

如果只是找灵感,可以直接浏览截图;如果要整理资料,也可以下载原图、全量截图,或者打包成 ZIP 。

2. AI 复刻 UI 时,经常只差一点

这段时间我一直在用 ChatGPT 、Claude 、Stitch 、Codex 这类工具做 UI 生成和页面复刻。

它们确实很强,但如果只是把一张或几张截图丢给 AI ,然后期待它一次生成最终页面,结果通常不太稳定。常见问题包括:

  • 间距判断不准
  • 字体气质不对
  • 信息层级被重排
  • 卡片比例跑偏
  • 把截图里最关键的设计语言忽略掉
  • 每换一张截图,都要重新写一大段提示词

我现在比较常用的流程是:

  1. 先找到一张真实 App 截图作为参考
  2. 用 AI 先生成一个 HTML 原型
  3. 在浏览器里快速看布局是否成立
  4. 如果方向对,再把 HTML 原型和复刻 Prompt 一起交给 Claude Code / Codex
  5. 最后在真实项目里继续调整和落地

这个流程比单纯把截图丢给 AI 更稳定。因为 HTML 原型至少提供了一个结构化中间结果,后续 AI 不需要完全靠“看图猜布局”。

刚好之前小程序认证还没到期,我就花了大概一个月,把这条自己每天会用的流程做成了 Pixlore 。

现在的使用方式大概是:

  1. 打开小程序,搜索合适的真实 App 截图
  2. 选择截图后生成复刻 Prompt
  3. 复制 Prompt
  4. 在 Mac 上粘贴到 Codex 、Claude Code 或其他 AI 工具里
  5. 快速得到一个可继续调整的页面原型

对我自己来说,这个流程比之前方便不少。

Pixlore 不是“一键生成完整 App”

我不太想把它包装成“输入一句话,一键生成完整 App”的工具。

Pixlore 生成的 Prompt 不可能完美,也不能保证 100% 还原原图。它目前更像是一个中间层:

  • 先帮你找到真实 App 的界面参考
  • 再把截图里的设计语言、页面结构、组件层级和视觉细节拆出来
  • 最后整理成 AI 更容易理解的 HTML 原型和复刻 Prompt

这样后续不管是交给 ChatGPT 、Claude 、Cursor 、Codex ,还是其他 AI 工具继续调整,至少不是从一段很空泛的提示词开始,而是有一个相对完整的参考框架。

为什么还要做这个?

可能有人会觉得,市面上已经有很多类似的 skill 、工作流、提示词模板,为什么还需要再做一个 Pixlore ?

这些工具我自己也用了不少。我的感受是,它们对熟悉 AI 工作流的人来说很好用,但对很多刚开始用 AI 复刻 UI 、做原型、写前端页面的人来说,学习成本仍然不低。

你需要知道:

  • 怎么描述页面结构
  • 怎么拆组件层级
  • 怎么表达视觉风格
  • 怎么约束 AI 不要随意重设计
  • 怎么把截图转成一个可继续迭代的前端原型

Pixlore 想解决的不是“完全替你设计”,而是降低这一步的启动成本。

它提供的是一个更清晰、更稳定的起点:先有真实参考,再有结构化 Prompt ,最后再进入具体的 AI 编码和人工调整阶段。

目前产品还比较早期,很多地方肯定不完善。如果你也经常用 AI 做 UI 、写页面、复刻 App 截图,欢迎试试看,也希望能收到一些真实反馈。

微信小程序搜:pixlore 设计素材库 目前登录用户赠送 3 天体验会员和 5 个 credits