10月28日星期三
PulseDev 点选 localhost UI 交给 Claude/Codex 改源码再批 diff;TheySaid 4.0 合成用户嵌进 Claude/v0 并给出修复 prompt。案例保留易企微会员卡「按人找」、小程序支付勿把弹窗 success 当终态、Screenrove 计费页用量优先、搜狗 AI 优先首页;素材为 Tabler Icons v3.50 mcp 图标、Obra Trace/Code Block Figma Kit 与 Atelier UI WebGL×DOM 过程。

PulseDev:点选 localhost 上的 UI,Claude/Codex 改源码,你再批 diff
10-27 Product Hunt 上线(当日约 #8)。做站/App 时常见「对着 AI 描述哪颗按钮」:PulseDev 让你在本机页面上点击(Shift 多选)元素,用自然语言说改什么;把 selector/样式等上下文交给 Claude Code、Codex、Gemini CLI 或 OpenCode,旁路看 agent 动,再在浏览器里批准/拒绝 diff——未批准不写文件。支持 script 标签或 Vite 插件做 source map。macOS;免费一项目,Pro 解锁无限项目。
交互与体验4
-
易企微会员卡后台:订单/储值/积分收进会员详情,从「按功能找」改「按人找」
10-23 上线。订单流水从「运营」迁入「会员」组;「储值登记」并进储值流水页右上角弹窗;「欠货总览」降为订单流水右上角二级菜单。会员详情右上角并排储值登记/积分兑换/新建订单(新建为主按钮,顾客已锁定),明细默认停在「订单」标签,头部展示「待提货 X 件 · 欠 ¥Y」。订单四态由已收与已提实时派生;整套中心从「功能」变成「会员」,汇总视图不占独立导航。
e7wei.com
-
小程序支付成功但页仍「待支付」:状态机+轮询+超时出口,别把弹窗 success 当终态
工程实践复盘(10-23):用户微信支付弹窗已成功,页面却停在待支付,刷新后才变已支付——根因是前端把 wx.requestPayment 的 success 当成最终结果,而服务端回调可能晚数秒。做法:订单状态收敛为待支付/支付中/已支付/已取消/已退款;弹窗成功后先切「支付中」再查服务端;按 1s、2s、3s 间隔最多轮询 5 次,超时展示「支付处理中,请稍后查看订单」并给订单号、刷新与订单入口。
zhouyi.run -
Screenrove:52 个计费页里 31 个先用量再套餐,限额文案与重置时间怎么写
横向研究(10-22):在 44 款产品的 52 个应用内计费/用量屏中,31 屏展示用量仪表,仅 18 屏展示套餐卡;5 个两者兼有的屏一律用量在上。限额写法分四类:已用/上限、剩余、上限对照实际、裸余额;15/27 有仪表的产品在数字旁写重置日或倒计时。Superthread 触顶变红并写后果句;零态上「0/0」与满绿条易误导。可抄:仪表优先、重置旁置、按严重度上色。
screenrove.com
-
搜狗首页砍成 Logo+输入框:AI 模式左右分栏,传统搜索变信息流并可收起广告
产品观察(10-26):搜狗搜索首页改为极简 Logo+输入框,框内集成语音、上传与「AI 模式」;点 AI 模式进入左答右参考资料分栏,左侧可新建会话并挂学术智能体与历史。直接回车仍进传统搜索:首屏可收起广告、突出 AI 总结,结果改为信息流动态加载;另推可信源与公众号/视频号侧栏弹窗阅读。重心是把传统网页入口降级、AI 做成默认主路径。
woshipm.com
AI 与创作1
工具与素材3
-
Tabler Icons v3.50.0:+18 图标(含 mcp/archive-restore/opacity),webfont 按需分片(MIT)
10-27 发布:新增 18 个 outline 图标,含 archive-restore、beach-bag、book-clone、mcp、opacity、git-*-ai、zsh、snail 等。Webfont 改为按 unicode-range 分片(常用约 300 个 + 按类),页面可只下载约 40 KB 而非整包约 500 KB;React Native 修复部分 filled 图标忽略 color。许可 MIT,可商用进稿。
tabler.io -
Obra shadcn/ui Figma Kit 2.4.0:Trace+Code Block(八风格,可进稿 AI 对话组件)
10-17 发布:把 shadcn/ui 于 10-14 上线的 Trace 与 Code Block 收进 Pro——Trace 展示 agent 步骤(运行/完成/失败、可展开输出),Code Block 支持行号、高亮、diff、文件名/多文件页签与折叠。两组件覆盖 Nova/Vega/Luma 等全部 8 套 shadcn 风格与明暗模式,对接既有 Attachment/Bubble/Message 等 AI 对话组件。
shadcn.obra.studio
-
Codrops|Atelier UI:WebGL 与 DOM 同屏的 React UI 库过程文
10-21 刊出:开源向的 Atelier UI 用单一全屏 R3F canvas + portal 混排 WebGL 文字/图片与 DOM,配 Lenis/Motion 同源滚动、Fluid/Lens/Pixel 等媒体效果、像素遮罩页面转场与 Sphere Gallery。从 provider → primitive → 特效 → 转场分步可跟读;组件经 shadcn registry 拷贝进项目,配套公开 demo。
tympanus.net
