{"_id":"@agentar/agentic-design-mobile","_rev":"2-317b041d0bcf9e414acb63c6ff38a801","name":"@agentar/agentic-design-mobile","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@agentar/agentic-design-mobile","version":"1.0.0","author":{"url":"https://github.com/hey-tangxiaoxin","name":"tangxiaoxin","email":"1302947749@qq.com"},"license":"ISC","_id":"@agentar/agentic-design-mobile@1.0.0","maintainers":[{"name":"tangxiaoxin","email":"1302947749@qq.com"}],"dist":{"shasum":"4924fbfa647dd3ea32ecd6b578757e61d442ebd1","tarball":"https://registry.npmjs.org/@agentar/agentic-design-mobile/-/agentic-design-mobile-1.0.0.tgz","fileCount":243,"integrity":"sha512-OCLOzolSumTyGrGIYNkMlYU65nxsi0aAol+WEi9JrnhMKjsG6EUb1qhr9kLHsnGmM4kWYYyqnWUXengkzDn51A==","signatures":[{"sig":"MEUCIH0W9ehzlseC50mW01ewMFneiegHMA0cZ4x+s2Qy/fxLAiEA2YkfyNn1Ydtg4meBymWmD+BYQ8YQTzn+eCgQ79cNhWA=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":7380596},"main":"dist/index.umd.js","types":"esm/index.d.ts","module":"esm/index.js","engines":{"node":">=20.0.0"},"gitHead":"e640d8dee0bf4f6bc1a90ccc28c32eeaf448af5b","_npmUser":{"name":"tangxiaoxin","email":"1302947749@qq.com"},"_npmVersion":"10.8.2","description":"面向Agent的移动端组件库","directories":{},"_nodeVersion":"20.19.4","dependencies":{"dayjs":"^1.11.19","lodash-es":"^4.17.21","antd-style":"^3.7.1","rehype-raw":"^7.0.0","lottie-react":"^2.4.1","@babel/runtime":"^7.21.5","react-markdown":"^10.1.0","antd-mobile-icons":"^0.3.0"},"publishConfig":{"registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0","antd-mobile":"^5.0.0"},"_npmOperationalInternal":{"tmp":"tmp/agentic-design-mobile_1.0.0_1773384690972_0.049887739958223154","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@agentar/agentic-design-mobile","description":"面向Agent的移动端组件库","version":"1.0.1","main":"dist/index.umd.js","module":"esm/index.js","types":"esm/index.d.ts","keywords":["agentar","mobile","react","antd-mobile","@agentar/agentic-design-mobile-mcp"],"dependencies":{"@babel/runtime":"^7.21.5","antd-mobile-icons":"^0.3.0","antd-style":"^3.7.1","dayjs":"^1.11.19","lodash-es":"^4.17.21","lottie-react":"^2.4.1","react-markdown":"^10.1.0","rehype-raw":"^7.0.0"},"peerDependencies":{"antd-mobile":"^5.0.0","react":"^18.2.0","react-dom":"^18.2.0"},"engines":{"node":">=20.0.0"},"author":{"name":"tangxiaoxin","email":"1302947749@qq.com","url":"https://github.com/hey-tangxiaoxin"},"publishConfig":{"registry":"https://registry.npmjs.org/"},"license":"ISC","_id":"@agentar/agentic-design-mobile@1.0.1","gitHead":"231e890bc8cfcb7592a6fefcbc042f630f4ae2f1","_nodeVersion":"20.19.4","_npmVersion":"10.8.2","dist":{"integrity":"sha512-rpFirJCIrGGEVFozZrE8usNWUhi7ngqsChucwigDq4mSS6KCDU/i05myxd3H0CpFpxVglrsyc3f80bpVjOLviA==","shasum":"30dff75b7a09d106c798c8820b280fd0afe2c567","tarball":"https://registry.npmjs.org/@agentar/agentic-design-mobile/-/agentic-design-mobile-1.0.1.tgz","fileCount":243,"unpackedSize":7511204,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIAd6FtF10f8OhbshU6lRSjWy6M9m61m8xEgcCUjN3tV4AiA4PhJ5nX1lPoswk/ifTrbNHj0WQFJfWFX4grQB8Tb30A=="}]},"_npmUser":{"name":"tangxiaoxin","email":"1302947749@qq.com"},"directories":{},"maintainers":[{"name":"tangxiaoxin","email":"1302947749@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/agentic-design-mobile_1.0.1_1774430444737_0.014960454922714028"},"_hasShrinkwrap":false}},"time":{"created":"2026-03-13T06:51:30.843Z","modified":"2026-03-25T09:20:45.064Z","1.0.0":"2026-03-13T06:51:31.246Z","1.0.1":"2026-03-25T09:20:44.955Z"},"author":{"name":"tangxiaoxin","email":"1302947749@qq.com","url":"https://github.com/hey-tangxiaoxin"},"license":"ISC","description":"面向Agent的移动端组件库","maintainers":[{"name":"tangxiaoxin","email":"1302947749@qq.com"}],"readme":"# @agentar/agentic-design-mobile\n\n面向 Agent 场景的 H5 移动端组件库，基于 React 与 antd-mobile，提供对话、输入、语音、思考链等能力。\n\n---\n\n## ✨ 核心特性\n\n- **🎯 对话与消息**：气泡消息（Bubble）、欢迎页（Welcome）、快捷建议（Suggestion）、提示词（Prompts），支持 Markdown 与加载态\n- **⌨️ 增强输入**：单行/多行输入（Input、TextArea），支持语音切换、附件、功能入口与搜索发送\n- **🤖 Agent 表达**：思考中（Think）、思考链（ThoughtChain）、加载动画（Loading），贴合 Agent 对话场景\n- **🎨 主题与样式**：基于 antd-style 的 CSS-in-JS，内置 px2rem 移动端适配，支持自定义 token\n- **🌓 一键主题切换**：亮/暗主题一键切换，支持持久化与自定义主题扩展\n- **📱 移动端优先**：px2rem 适配多端，触屏友好；与 antd-mobile 深度结合\n- **🔧 TypeScript**：完整类型定义，组件 Props 与主题类型可追溯\n- **🎤 语音能力**：语音输入（AudioInput）、语音转文字（SpeechToText）、录音波形与光圈动效（SoundWave）\n- **🧩 可组合**：操作栏（Actions）、长按弹窗（PopupAction）、回到顶部（BackTo）等可独立或组合使用\n\n---\n\n## 📦 安装\n\n```bash\nnpm install @agentar/agentic-design-mobile antd-mobile react react-dom\n```\n\n**依赖**：`react`、`react-dom`、`antd-mobile@^5`。\n\n---\n\n## 🚀 使用\n\n使用 `ThemeProvider` 包裹应用后即可自定义主题：\n\n```tsx\nimport { ThemeProvider, Bubble, TextArea, Welcome } from '@agentar/agentic-design-mobile';\nimport 'antd-mobile/es/global';\n\nfunction App() {\n  return (\n    <ThemeProvider defaultTheme=\"light\" persistKey=\"my-app\">\n      <Welcome header={{ title: 'AI 助手' }} content={{ suggestion: { items: [], onClick: () => {} } }} />\n      <Bubble role=\"user\" content=\"你好\" />\n      <Bubble role=\"assistant\" content=\"你好，有什么可以帮你？\" />\n      <TextArea placeholder=\"输入消息\" search onSearch={(v) => console.log(v)} />\n    </ThemeProvider>\n  );\n}\n```\n\n---\n\n## MCP 服务\n\n在 Cursor、Claude Code 等支持 [Model Context Protocol](https://modelcontextprotocol.io/) 的客户端中，可通过 npm 包 [@agentar/agentic-design-mobile-mcp](https://www.npmjs.com/package/@agentar/agentic-design-mobile-mcp) 拉取本组件库的**本地 Markdown** 说明与示例（`get_component_list`、`get_component_docs`、`get_component_examples`），便于 AI 按组件名查询用法与 API。\n\n### 在 Cursor 中配置\n\n在项目或用户级 MCP 配置中加入（`command` 使用 `npx` 时无需事先全局安装）：\n\n```json\n{\n  \"mcpServers\": {\n    \"agentic-design-mobile-mcp\": {\n      \"command\": \"npx\",\n      \"args\": [\"@agentar/agentic-design-mobile-mcp\"]\n    }\n  }\n}\n```\n\n保存后重启或重新加载 MCP；其他客户端若支持 stdio MCP，可将 `command` / `args` 按同样方式指向该包的可执行入口。更多说明见 [npm 包主页](https://www.npmjs.com/package/@agentar/agentic-design-mobile-mcp)。\n\n---\n\n## License\n\nISC\n","readmeFilename":"README.md","keywords":["agentar","mobile","react","antd-mobile","@agentar/agentic-design-mobile-mcp"]}