网站设计

shadcn/ui 组件库

shadcn

前端社区最火的 UI 方案，基于 Radix UI 无障碍组件 + Tailwind，复制粘贴即拥有全部代码，深度可定制。

网页动画核心技能包

greensock

让 AI 正确使用 GSAP 核心 API：做网页动画、SVG 动画、React/Vue 动画时不再写错代码。

Aceternity UI 特效组件库

Aceternity

主打视觉特效+微交互的组件库，200+ 发光卡片、视差滚动、文字渐显、3D 悬浮、Bento 网格，基于 Framer Motion。

React 动画技能包

greensock

让 AI 在 React / Next.js 里正确使用 GSAP：useGSAP hook、清理、SSR 不报错。

滚动动画技能包

greensock

让 AI 做对滚动联动的网页动画：视差、滚动进度、钉住章节、滚动触发入场。

Magic UI 动效组件库

Magic UI

在 shadcn/ui 基础上扩展的动效组件库，50+ 动画展示组件：数字滚动、3D 进度条、光斑背景、刮刮卡交互，现代灵动。

动画序列编排技能包

greensock

让 AI 正确编排多个动画的先后顺序：标题先入、副标题跟入、按钮最后入。

HeroUI 组件库

HeroUI

React 生态颜值天花板之一，设计审美在线，主题系统灵活，支持明暗模式和自定义设计令牌，Next.js SSR 完美兼容。

前端设计技能包

Anthropic

让 AI 做有辨识度的前端视觉设计：美学方向、字体、避免模板化的廉价感。

动画性能优化技能包

greensock

让 AI 写出 60fps 流畅的 GSAP 动画：用 transform、will-change、批量处理。

Web 组件构建技能包

Anthropic

让 AI 用 React、Tailwind、shadcn/ui 构建复杂的多组件 claude.ai HTML artifacts。

Nuxt UI 组件库

Nuxt

Vue/Nuxt 生态官方旗舰 UI 库，基于 Tailwind，原生支持 SSR/SSG，对 SEO 和首屏加载友好，自带无障碍和暗黑模式。