用途：这是 Amicro 仓库的权威设计规范与组件指南，用于在创建或修改 UI 组件、微交互、卡片、加载器和页面切换时保持视觉一致。
主要内容： 一、设计令牌与调色板。字体为 'Outfit', sans-serif（在 index.css 的 @theme 中配置 --font-sans）；标题使用 font-medium 或 font-semibold 并配合紧凑字距。颜色分暗色与亮色两套，页面背景分别为 #121212 与 #f8f9fa，卡片容器背景 #161616 与 bg-white，卡片边框、阴影、预览画布、主次文字、药丸按钮的启用与禁用样式均有明确规定。
二、标准卡片架构。组件目录网格中的每个条目须使用最小化卡片布局：画廊容器使用 mx-auto max-w-[1800px] 与响应式栅格；卡片为 article 结构，包含 aspect-[16/10] 的黑色无边框预览舞台，底部仅显示标题与描述，悬停时淡入复制按钮。
三、目录导航与药丸样式。桌面端筛选药丸栏、激活与非激活状态、移动端下拉菜单（带背景模糊）均有具体类名规范。
四、组件微交互与触感反馈。动效使用 motion/react（framer-motion），缓动曲线为 cubic bezier [0.16, 1, 0.3, 1]；须调用 useWebHaptics：复制代码用 success，按钮点击或标签切换用 medium 或 light，错误用 error；提示统一使用 showToast。
五、CLI 注册集成规则。新增组件或切换时：在 registry/ui/<category>/<name>.tsx 添加源文件；在 registry/registry.json 注册条目并声明依赖（如 framer-motion）；提供复制命令 npx @subhanhq/amicro@latest add <kebab-name>。
限制：以上为规范约束，具体组件清单、支持平台与是否收费暂未提供。