#前端开发
Transitions.dev：27 个开箱即用的 UI 交互动效库，支持 Claude Skills
Transitions.dev 是设计师 Jakub Antalik 开发的 UI 过渡动画库，将最常用的交互动效（下拉菜单、模态框、Toast 提示、骨架屏等）做成可直接复制的 CSS 片段，同时打包成 Claude Skill，安装后即…
Claude Fable 5用Three.js打造3D键盘配置器：交互式电商平台开发实战
MODKEYS 是一个完全运行在浏览器中的 3D 键盘可视化配置器：以 Three.js 作为渲染核心，以 GSAP 驱动动画过渡，将颜色、材质、键帽轮廓、布局与配件等选项直接交给用户操作，实现所见即所得的定制体验。
几年前，做一个这样的交…
Open File Viewer：统一文件在线预览的开源SDK，支持JS/Vue/React/Svelte
开发后台管理系统的人，迟早都会碰到一个需求：附件在线预览。一开始看似简单——图片直接展示，PDF 接个 pdf.js，文本塞进代码编辑器，视频交给浏览器。
真正复杂的是后续：用户开始上传 doc、xls、pptx、w…
Vercel 公开 Design.md 教科书级范本：语义化颜色、角色化字号与组件引用规范详解
近期出现了完全通过 AI 制作的网站，家具展示区域支持 360 度拖拽和放大查看细节。
关于 Design.md，给 AI 一份设计规范让它生成代码时有章可循。但实际动手写时，很多人会卡住——不知道写什么、写到什么…
8 个 GitHub 神级开源项目推荐：让 AI 生成网页告别千篇一律的模板感
GitHub 上关于"去 AI 味儿"的开源项目已经卷成红海。以下整理了 8 个最值得安装的 AI 设计 Skill 和工具，让 AI 生成的网页告别千篇一律的模板感。
1. Anthropic 官方前端设计 Skill
frontend…
Motion 动画库：从 Framer Motion 升级而来的全平台 Web 动画引擎
Framer Motion 正式独立升级为 Motion，从 React 专属动画库进化为支持 React、Vue、JavaScript 和 Web Animations API 的全平台动画引擎。官方将其定位为"生产级 Web 动画方案"…
PixiJS v8.19 发布：HTML-in-Canvas 正式落地，DOM 进入 GPU 渲染管线
前段时间我写过一次 HTML-in-Canvas，当时很多人的第一反应是：这个提案确实疯狂，但感觉离真正落地还很远。
结果没想到，PixiJS 先动手了。
在最新的 PixiJS v8.19.0 中，官方已经加入了 HTML-in-Can…
Codex 设计新玩法：用 Design.md 解决 AI 生成的样式不一致问题
在使用 AI 辅助 B 端系统开发时，经常遇到样式不一致的问题。比如：颜色深浅不一，间距松紧各异，按钮圆角这里是 4px，那里变成了 6px。这通常是因为只给了 AI Figma 链接或截图，它能还原当前页面，但不知道整个项目的统一设计规则…
OpenUI：AI生成UI开源新标准，比JSON省67%Token
前端开发正在被 AI 重构。今天介绍一个全栈生成式 UI 开源框架——OpenUI。它用一套极简流式语言，让大模型直接输出可渲染 UI，比传统 JSON 更省流、更快、更可控。
OpenUI 是什么？
OpenUI…
gpt-image-2 生成大屏设计稿到代码还原：完整实现指南
将 AI 生成的设计稿还原为可交互的大屏代码，是 AI 辅助开发流程的最后一步。
本文基于 gpt-image-2 生成的福建省 GDP 可视化大屏设计稿，完整演示了从素材包到可运行代码的实现过程。
开发流程概述
整个流程分为三步：
用…