用途：在 design-inspirations 仓库中新增一个设计灵感，按既定结构生成预览组件、详情页，并在主页 designs 数组登记该条目。
必要信息：设计 ID（kebab-case，如 pricing-table、user-profile）、标题、一句话描述、2-4 个分类标签，可选附原作者 Twitter 账号。
主要步骤：一、创建 src/components/previews/[Name]Preview.tsx，导出命名函数 [Name]Preview()，使用 [design-id]-light、[design-id]-dark、[design-id]-light-panel、[design-id]-dark-panel 作为 ViewTransition 名称，左右并排布局配点阵背景，浅色面板 bg-[#f5f5f5] 配 #d4d4d4 点，深色面板 bg-zinc-950 配 #3f3f46 点。二、创建 src/app/designs/[design-id]/page.tsx，设计页用 DM Sans 字体，50/50 明暗分栏，头部含返回箭头、Code 按钮与署名。三、在 src/app/page.tsx 中 import 预览组件并加入 designs 数组，字段为 id、number、title、description、tags、PreviewComponent。四、在 src/app/globals.css 中为四组 ViewTransition 添加 300ms cubic-bezier(0.4,0,0.2,1) 动画，并在 prefers-reduced-motion 下设为 none。五、如有自定义动画（轮播、进度条等）补 keyframes。Code 按钮链接指向 GitHub 上的 page.tsx；署名格式为“Inspired from @用户名”，头像经 unavatar.io 加载。
适用场景：向该设计灵感集新增条目、统一明暗双版本与过渡动画。限制：资料仅覆盖仓库内约定，未说明安装命令、依赖版本、构建或部署方式；其余信息暂未提供。