Boyce Chi

1.2K posts

Boyce Chi banner
Boyce Chi

Boyce Chi

@chibinya_

- Someone who loves interface design and specializes in web design. - @Framer Expert & Partner. - Building https://t.co/DacC1hI62i _ Now [email protected]

Beijing Katılım Ekim 2018
4K Takip Edilen674 Takipçiler
Sabitlenmiş Tweet
Boyce Chi
Boyce Chi@chibinya_·
🎉 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…
English
3
1
10
1.5K
matt
matt@msllrs·
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
English
30
36
1.1K
94.4K
Framer
Framer@framer·
The canvas is about to change
English
158
76
925
152K
Boyce Chi retweetledi
Andrew Prifer
Andrew Prifer@AndrewPrifer·
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.
English
240
520
8.1K
1.3M
Boyce Chi retweetledi
GREG ISENBERG
GREG ISENBERG@gregisenberg·
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
YouTube video
YouTube
English
141
327
3.5K
487.8K
Boyce Chi retweetledi
Alex Barashkov
Alex Barashkov@alex_barashkov·
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.
English
38
22
745
50.3K
Boyce Chi retweetledi
Paidax
Paidax@xin_pai88825·
搞了一套我觉得超好用的工作流,让 AI 稳定生成高质量的 APP 界面和运营活动页,并且可导入 Figma 编辑!
Paidax tweet media
中文
107
86
895
321.6K
仕方
仕方@faaaannng·
整理了一套《面向互联网设计师的 AI 视觉设计提示词库》覆盖多场景,附带全部完整提示词,拿来即用。由 image2 完成。先收藏 image2hub.netlify.app
中文
21
126
935
55.5K
Boyce Chi
Boyce Chi@chibinya_·
未来 AI Design 流程一定会融入越来越多的 Tweaks。当 AI 生成初版本,持续地感受并斟酌文案、颜色、间距以及不同的流程,是必不可少的一部分。如果每次变化都需要通过对话来实现,不仅效率低,成本高。更理想的方式是让 AI 在生成内容的同时,配套生成动态的 Tweak UI,帮助 用户完成最后的打磨。
Boyce Chi tweet media
中文
0
0
4
102
Boyce Chi retweetledi
RicoUI
RicoUI@ricouii·
汇集一下 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 的扩展适合即开即用。
中文
23
432
2.9K
261.6K
Boyce Chi retweetledi
Leon Lin
Leon Lin@LexnLin·
UPDATE for imagegen-frontend-web skill more "creative" outputs - different layouts - better understanding of the request skill: github.com/Leonxlnx/taste…
Leon Lin tweet mediaLeon Lin tweet mediaLeon Lin tweet mediaLeon Lin tweet media
English
30
56
1.2K
57.7K
Boyce Chi retweetledi
Zain Shah
Zain Shah@zan2434·
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)
English
1.1K
3.7K
28.6K
5.9M
Boyce Chi retweetledi
老鬼
老鬼@laogui·
今年最让我心动的 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,做得太棒了。
老鬼 tweet media
中文
65
189
1.4K
168.9K
Boyce Chi retweetledi
Emil Kowalski
Emil Kowalski@emilkowalski·
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…
English
26
135
2.1K
215.8K
Boyce Chi retweetledi
Alex Barashkov
Alex Barashkov@alex_barashkov·
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
English
50
126
2.4K
120.5K