推文

@BossBear_0621 · 2026-10-15 23:35

如何用 Claude Code / Codex 做出好看的 UI，每次生成都是浓浓的"AI 味"界面 这 9 个 GitHub 仓库我按用途分好了，建议收藏 🔖👇 1️⃣ Cursify React / Next.js 鼠标光标动效库，跟随、拖尾、磁吸都有，作品集网站用上很加分。 http://github.com/ui-layouts/cursify 2️⃣ Better Design 开源的设计 MCP 服务器，同时也是一个 shadcn/ui 组件源，内置 31 套大牌风格主题（Linear、Stripe、Vercel、Notion、Apple 等），还有设计 Token、UI 原则和无障碍规范，一条命令就能装组件。 http://github.com/marvkr/better-design 3️⃣ Paper Shaders 零依赖的 Canvas Shader 组件，渐变、噪点、流体背景都有，npm 一装就能用，高级感背景直接拿来。 http://github.com/paper-design/shaders 4️⃣ Hyperiux Vault Next.js 动效和交互组件库，命令行一键安装。有 32 个免费开源效果，另有 83 个付费 Pro 效果，还支持 MCP 接入 AI。 http://github.com/Hyperiux-Immersion-Labs/hyperiux-components 5️⃣ Design Taste 24 个开源 Agent 技能，把"审美"写成 AI 能执行的指令。一共有 10 种风格，每种都附了同一需求下用之前和用之后的效果对比。 http://github.com/madebymustafa/design-taste 6️⃣ Motion Primitives 基于 Framer Motion 的 React 动效组件库，文字浮现、悬停、过渡这类动画复制过去就能用，页面马上"活"起来。 http://github.com/ibelick/motion-primitives 7️⃣ Canvas UI React Bits 作者的新作，基于 Canvas / WebGL 的 GPU 级 UI 组件，适合做炫酷交互和视觉特效。 http://github.com/DavidHDev/canvas-ui 8️⃣ Superdesign Skill 给 Claude Code、Cursor 等编程 Agent 用的设计技能，专门把"AI 味"的界面改成能直接上线的精致前端。 一行安装：npx skills add superdesigndev/superdesign-skill http://github.com/superdesigndev/superdesign-skill 9️⃣ UI Layouts 一站式前端资源库：组件、特效、设计工具、现成区块都有，Landing Page 常见模块基本都能找到。 http://github.com/ui-layouts/uilayouts 快给你的Ai吃点好的吧，Ui提高审美必备仓库！ 直接发仓库链接给Codex Claude一键安装。

曝光 484 · 评论 38 · 点赞 36 · 书签 7 · 曝光/时 691.183438623343