推文

@Chris62771610 · 2026-10-13 20:00

我点一下按钮，就飞出一架纸飞机；我拨一下开关，白天立马就变成黑夜。 这种动态的 UI 组件，韩国的开发者 Lucian 一次性发了 200 个，而且全部都是免费开源的。 这条帖子现在有 11.5 万次浏览量，收藏了 3242 次，比点赞的 2048 次还要多。 收藏比点赞多，我觉得说明大家是真的打算拿去用的。 怎么用呢？很简单，三步走： 1️⃣ 先选组件：去 http://lucianlabs.dev 上面直接试用，按钮、开关、卡片、图表、日历都有，而且支持亮色和暗色。 2️⃣ 复制提示词：选好喜欢的 UI 之后，点“Copy prompt”，然后复制给 Claude Code 或者 Codex。 3️⃣ 安装 Skill：用 npx skills add Seokwoooo/lucian-uxui 装上，然后告诉 AI：“用 lucian-uxui skill 给首页加上价格切换和 FAQ。” 我个人觉得最值得学的是 Lucian 的打包方式。他不是把一堆代码丢给你让你自己去抄，而是把每一个组件都写成了 AI 可以直接执行的提示词。 Vibe coding 做出来的页面最容易看起来很丑，通常就是缺少这一层动效。 我建议你可以这么安排：先替换掉落地页上最显眼的三个地方，比如价格切换、按钮、FAQ 的折叠效果。 而且，一个页面里边不要超过三种动效，太多了反而会像模板网站。 Lucian 明确说了个人和商业用途都是免费的，所以做客户的项目也可以直接用，GitHub 上的那个提示词仓库也可以先存着。 https://x.com/lucian__03/status/2109637939093254646

曝光 276 · 评论 1 · 点赞 2 · 书签 0 · 曝光/时 176.29923005509627