Boyce Chi

🎉 My Latest @framer Template saaswind is Live. It’s absolutely free! No need to repost, follow, or comment – just dive in and enjoy. Don’t miss out on this exclusive opportunity to elevate your projects with a top-notch template. Marketplace：framer.com/marketplace/te…

@msllrs Thank you so much

@chibinya_ x.com/msllrs/status/…

tab choreography • pill peeks toward whatever icon you hover • icons subtly scale on press • label drifts in with a touch of blur as the pill arrives • only dividers in the pills flight path hide • optically balanced when active vs inactive dialkit ftw

It's great that the designer I admire is joining my favorite product.

@framer can't wait!

The canvas is about to change

Dear frontend devs and UI designers. I bring you Liquid DOM, a complete and faithful implementation of Liquid Glass on the Web. - Shape morphing - All properties animatable - Dynamic refraction and reflection - Adaptive tint - Adaptive specular highlight - Dispersion - Full html integration - Super fast layout engine that works across Canvas and html - Pointer event handling - Framework and renderer-agnostic low level API - High level React API - Ootb @threejs and r3f integration And lots more. Read on for implementation details and demos.

@Lovable?! oh! lovable! I love it.

how to use Google's NEW open source Design.md + AI Skills to make your startup look like a $100 million company in 1 hour: 1. Design.md is an open source file from Google that captures the soul of a design. Typography, colors, spacing, all in one markdown file. You attach it to your prompt and your agent builds beautiful things every time. 2. Think of it this way. The HTML is the finished dish. The design.md is the recipe. The skills are the ingredients. Put them together and everything you build looks consistent and professional. 3. Don't create a design system from scratch. Find a brand you love. Linear, Stripe, Vercel, whatever resonates. Study it. Use ChatGPT or Claude to help you extract the design language into your own design.md file. 4. Build skills on top of your design.md. A landing page skill. A mobile app skill. A motion design skill. A slide deck skill. Each one references the same design.md so everything looks like it came from the same designer. 5. The biggest mistake people make: they nail one screen and then everything else looks generic. Design.md solves this. One file keeps every page, every format, every medium consistent. 6. Use it across everything. Your landing page. Your app. Your pitch deck. Your promo videos. Same DNA. Same taste. Same system. That's what separates a startup that looks real from one that looks vibe-coded. 7. Build a second brain for design inspiration. When you see something beautiful in the real world or online, capture it. Save it. When you're building something new, reference it. Taste is developed, not downloaded. 8. It's obvious but the difference between a product people trust and a product people bounce from is how it looks and feels. Design.md gives you that edge. you can watch below youtu.be/oLu32YpiIJw?si… shoutout to @mengto for coming on @startupideaspod and walking through his full workflow. if you want to use AI to actually build gorgeous designs, you'll want to use see this. watch

I kept running into the same annoying problem: I needed to save a reference video from IG or X, but only a small part of it. Most tools let you download the video. Then you still need another app to trim it. So I built my own. Paste a URL from Instagram, X, TikTok, YouTube, or almost any social platform. Download it instantly. Trim the part you actually need. Save or copy to clipboard. Free. Open source. Built with Codex. Not fully polished yet, but already does the job well.

@xin_pai88825 期待！

搞了一套我觉得超好用的工作流，让 AI 稳定生成高质量的 APP 界面和运营活动页，并且可导入 Figma 编辑！

@faaaannng nice job! 喜欢

整理了一套《面向互联网设计师的 AI 视觉设计提示词库》覆盖多场景，附带全部完整提示词，拿来即用。由 image2 完成。先收藏 image2hub.netlify.app

未来 AI Design 流程一定会融入越来越多的 Tweaks。当 AI 生成初版本，持续地感受并斟酌文案、颜色、间距以及不同的流程，是必不可少的一部分。如果每次变化都需要通过对话来实现，不仅效率低，成本高。更理想的方式是让 AI 在生成内容的同时，配套生成动态的 Tweak UI，帮助 用户完成最后的打磨。

汇集一下 DESIGN.md 工具网站： 1. styles.refero.design 2. neuform.ai 3. designmd.me 4. designmd.supply 5. getdesign.md 6. github.com/bergside/desig… 个人推荐 refero，提供了 2,000+ DESIGN.md，以及支持 DESIGN.md、Tailwind v4、 CSS Variables 和 Design Tokens 最全面的配置输出。 neuform 给我的视觉体验更好，除了 getdesign md，其他全都支持输入任意网站生成设计规范和配置，design-md-chrome 则是 chrome 的扩展适合即开即用。

@dingyi 风格就是轮流转

哈哈哈太真实了，现在所谓的有品位设计，基本都是选用了 Instrument Serif 这个字体，图片都是 AI 生成的莫奈风格的印象派绘画，或是复古科幻风格的背景图。 整个硅谷都在互相模仿。

UPDATE for imagegen-frontend-web skill more "creative" outputs - different layouts - better understanding of the request skill: github.com/Leonxlnx/taste…

Imagine every pixel on your screen, streamed live directly from a model. No HTML, no layout engine, no code. Just exactly what you want to see. @eddiejiao_obj, @drewocarr and I built a prototype to see how this could actually work, and set out to make it real. We're calling it Flipbook. (1/5)

今年最让我心动的 AI 产品来了——Tolaria，一个轻量版 Obsidian，专为 AI 而生的 macOS 笔记应用。 作为一个笔记软件的拥趸，我喜欢 Notion 的体验但不希望数据交给它，喜欢 Obsidian 的本地存储但它臃肿又难用。Tolaria 简直就是为我这类人量身打造的： - 完全免费，开源，无云端、无账号、无订阅 - 纯 Markdown 文件 + YAML frontmatter，本地磁盘原生存储 - AI 原生协作：自动加载 Claude Code / Codex，无需任何配置 - 类型、关系、属性原生第一类支持（Obsidian 要插件） - Git 原生集成，自动 commit & 版本控制 - Notion-like 块编辑 + 纯 Markdown 双模式无缝切换 - 强大快捷键 + Cmd+K 命令面板 不是 Electron，不是 Electron，不是 Electron 😂，基于 Tauri，仅 20M 的体积，启动飞快。 tolaria.md 作者 @lucaronin，产品今天刚发布，GitHub 已经近 1000 个 Star，做得太棒了。

When it comes to more visual work, like animations, coding agents don’t quite know what great feels like yet. Here’s my way of fixing it: emilkowal.ski/ui/agents-with…

Get beautiful text animations. We built a hand-crafted collection of text animations and wrapped them as a SKILL for your AI agent. Use it with Remotion, Motion, GSAP, WAAPI, or any animation library. It comes with clear animation specs - pacing, curves, transitions - so your output looks great from the first prompt. Install it with: npx skills add pixel-point/animate-text --skill animate-text Use it /animate-text apply soft-blur-in to hero section text