Joshen

Building.

[Viking @vikingmute]

最近让 AI 设计两个应用的首页有感，设计现在还是应用最大的护城河，微调设计比写代码要难多了，要描述设计风格非常难。

我现在的大体做法是这样的：
1 搜集和发现好看的设计，我一般都是在 https://t.co/5dHXQB8CA1 或者 https://t.co/J3gfd8Aflh 去看，它们会搜集非常多网站的风格，并且可以快速获取 design.md

2 结合你要做的产品找到设计风格，最后再提供网站的截图，同时把 PRD 提供给 AI，让它精炼处你产品中的最有特色的部分，先把要展示什么内容和页面的大体结构写出来，不需要出图，可以多些几个版本，找到你想要的。

3 出图，把 design.md 参考网站截图 你要展示的结构 一起提供给 AI，让 ChatGPT images2 帮你出图，这是我用过觉得设计最好的模型，你可以让它帮你直接出 3 种风格的，你可以选择你喜欢的，假如有一些静态素材，也可以让它帮你扣出来。

4 图片转换成页面，这个一般比较强的大模型都可以，没什么可说的，出来以后，在根据图片的细微之处微调就好。

5 交互和动画，交互我觉得是非常重要的，我喜欢在页面中添加一些简单的动画，尤其是使用 gasp 或者 motion 去添加一些小范围 精致 的动画，让页面可以出彩，你也可以问 AI 怎样添加动画，可以使用emil 的 emil-design-eng 的 skill 去做动画的指导思想：https://t.co/Snf9MpVNsk
然后可以参考 https://t.co/HwmxVRJFsn 去添加更多微妙的动画。

6 最后就是发现美的眼睛了，要自己去多看多搜集多观察，这就是一种天赋了。

这篇帖子之后我会总结成一篇《怎样用 AI 做设计》，系统的去总结一下。

[小奇说 @xingbugengming]

不要再相信利用Hyperframes、Remotion能够一键自动剪出高质量视频了

这位博主用 Claude + Remotion 制作出了最受 Youtube欢迎的Vox风格特效视频，这才是真正的AI剪辑打开方式

1:30 规划脚本和视觉风格
2:26 使用 Claude Code + Remotion 构建场景
8:00 剪辑的组装和微调
11:01 旁白、音乐和最终渲染

[Oleg Gyulumian @olegglmn]

structure > visuals

i make motion sell, not just show

[Viking @vikingmute]

openai 的 Codex 官方文档越做越好了，简直是个金矿，最近发了一篇 Codex User Case：
https://t.co/CpX1eESsf3

针对不同场景，官方总结了你应该要使用的 skills 和 plugins，对应的步骤，要使用的prompt，完全按照它的流程就能达到最佳效果，虽然现在还不是很多 case，但是也覆盖了大部分的开发和设计场景。

以后用 Codex 也不用看别人的总结文章了，直接看官方文档就行。

[Aurelien @Aurelien_Gz]

interface animation done well..

this is how you create a snappy, high end interface. blazing fast, fluid, and makes the whole ui feel so responsive

wizard » @tbsrnstrm

[纽约博叔 @druncle]

作为一名理工男，看到 Notion 创始人 Ivan Zhao 的这篇文章和视频，感触确实挺深的。Notion 和Obsidian是唯一两个我用来做学习记录的工具，用Notion你绝对会感受到开发者那种人文感。

如果你最近也因为 AI 的各种进化感到焦虑，甚至觉得自己的专业技能快要“贬值”了，那这个视频真的非常推荐你看一下。它不是在贩卖焦虑，反而在帮我们梳理在 AI 时代，到底什么是“人”的核心价值。

我们习惯了卷代码、卷效率、卷逻辑，但 Ivan Zhao 提出了一个很扎心的观点：当 AI 让脑力劳动变得像自来水一样廉价时，以往那种“拼谁记得多、拼谁手快”的努力方式可能真的不值钱了。但这并不代表人类没戏了，恰恰相反，这其实是给了我们一次“变回人”的机会。

以前我们为了追求效率，把自己练成了机器的一环。现在 AI 帮我们分担了那些繁重、重复的工作，反而逼着我们去思考一些更本质的东西。未来人与人之间的差距，不再是技术掌握得多深，而是你的审美、你对人性的理解、以及你独立思考的能力。

说白了，AI 就像油门，而我们的“品味”和“判断力”才是方向盘。如果你没有那种人文层面的沉淀，那你只是在用更快的速度制造数字垃圾。我们得学着从一个“干活的工匠”转型成一个“挑剔的甲方”，去驾驭 AI，而不是被它取代。

所以没必要焦虑，现在的重点不再是死磕某项具体的技术参数，而是要回过头来经营好你自己这个“人”。不管是做个人 IP，还是提升精神层面的独立性，本质上都是在强化那些 AI 模拟不出来的灵魂。人变强大了，AI 才只是你手里的一件趁手工具。

当“怎么做”不再是门槛，我���唯一的胜算就是把那个“真实的自我”活得更有厚度。如果把执行全都交给 AI，你觉得我们身上还有什么东西是机器永远拿不走的？欢迎评论区说说你的想法。

这是一个非常值得看的视频，强烈推荐！

[泊舟 @bozhou_ai]

我也分享一下我自己用的Skills

1.Anthropic官方Skills，这里面我只安装了 skill-creator
https://t.co/nWpEtHBcK6

2.UI UX Pro Max，用来写前端的UI，非常好用
https://t.co/bsmrS0WM5T

3.seo-review，我用来做AI网站SEO审查的
https://t.co/JWtSAjO1fc

4.content-creator 这是根据关键词，然后进行创建博客文章的，也是用于SEO
https://t.co/JtEyQbrLYk

5.ai-image-generator 这是自己写的，调用api然后生成图片，接着压缩为webp格式，最后上传到R2，非常实用，用于博客还有示例图创建

6.skill-prompt-generator 黄总的提示词生成，主要搭配生成图片的，也是强烈推荐
https://t.co/IRFGgx4BWG

7.Planning-with-files 参考Manus的Agent方法写的Skill。很适合多步骤任务。 https://t.co/FiCGOO9u6a

Superpowers 这个很好，但是属实有点太磨叽，然后我想法模糊一般都是直接在网页里面聊，所以移除这个

没有用NotebookLM是因为习惯了在网页里面使用，现在还没有想到用Skills能干点啥

最后我强烈建议各位，一定要多多搭建自己的Skills，从日常的一些工作流开始。

比如说我们有一些流程，我们可以先用claude code来实现一次，当实现完了，我们让cc总结成一个Skill，然后基于第一性原理进行打分，迭代调优

如果觉得麻烦，可以直接先用官方的skill-creator进行沟通，来创建一个自己的Skill，要知道，自己沉淀Skill才是最好的

[BenjaminUIX @BenjaminUIX]

From concept to life, with Midjourney and Kling 😉

[Guillermo Rauch @rauchg]

There are no limits anymore. Anyone can do anything. The only limiting factors are agency and ambition.

Never has a college degree, work experience, network, even the accumulation of knowledge been worth less.

You can just ship things.

[Tobias Renström @tbsrnstrm]

A popular request from folks on the Alpha has been to copy things by dragging while holding down option. Easy enough in theory, kind of essential - but man such a gnarly one to get working right.. 🫠 This will be in Alpha no 3, and another batch will be getting an invite soon.

[Michael · Design Partner @MichaelFilipiuk]

I once heard that AirBnB spends roughly $100m a year on their design. And it seems like it's well worth it.

Here are a few principles you can steal from them 👇

[Joshen @Joshen94]

@hxmzaehsan @framer Framer

[Hamza Ehsan @hxmzaehsan]

My latest @framer template is LIVE! 🟠 Introducing, Conversion.

But, I've got some news...

I'm giving it away, absolutely FREE.

Simply like, repost and comment "Framer" below and I'll DM you the link.

(Make sure you're following me so I can DM you)

[dudu @dudufolio]

All the Tools you Need in one Place

Would Love your feedback on @toolfolio - (Day 119)

[Joshen @Joshen94]

@theryanhayward @framer Framer

[Joshen @Joshen94]

@theryanhayward @framer Framer

[Joshen @Joshen94]

@theryanhayward @framer Framer!

[Notion @NotionHQ]

“AI Everything App” 🧠

Thank you @Forbes for featuring us on this year's AI50.

https://t.co/kypvoQKAUo

[Cognition @cognition]

Today we're excited to introduce Devin, the first AI software engineer.

Devin is the new state-of-the-art on the SWE-Bench coding benchmark, has successfully passed practical engineering interviews from leading AI companies, and has even completed real jobs on Upwork.

Devin is an autonomous agent that solves engineering tasks through the use of its own shell, code editor, and web browser.

When evaluated on the SWE-Bench benchmark, which asks an AI to resolve GitHub issues found in real-world open-source projects, Devin correctly resolves 13.86% of the issues unassisted, far exceeding the previous state-of-the-art model performance of 1.96% unassisted and 4.80% assisted.

Check out what Devin can do in the thread below.