{ "updated": "2026-09-16", "count": 94, "starSnapshot": "2026-09-14", "method": "逐项检索 + 官方页面/README/LLM 文档核对；MCP 服务没有全部安装实测。未确认不代表不存在。", "items": [ { "id": 1, "name": "Mantine", "category": "基准", "framework": "React", "repo": "mantinedev/mantine", "url": "https://mantine.dev/", "note": "完整组件、Hooks、表单与主题，作为本次比较基准。", "stars": 31708, "canonical_repo": "mantinedev/mantine", "github": "https://github.com/mantinedev/mantine", "archived": false, "description": "A fully featured React components library", "homepage": "https://mantine.dev", "license": "MIT", "pushed_at": "2026-09-13T07:40:53Z", "fetched_at": "2026-09-14T14:33:10.084349+00:00", "star_source": "GitHub REST API", "screenshot": "assets/01.png", "screenshot_source": "https://mantine.dev/core/button/", "screenshot_kind": "官方组件文档 / 示例页", "projects": "运营数据看板；报名/预约管理后台；AI 工具的设置与文件管理页", "project_reason": "表单、日期、弹层与主题集中在一套体系，适合快速完成业务闭环", "project_boundary": "指标统计要接业务数据；任务拖拽要另实现；不是 3D 场景渲染器", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "official", "url": "https://mantine.dev/guides/llms/", "capability": "检索组件、文档、Props 和示例；另有官方 Agent Skills", "boundary": "MCP 官方标记为 experimental；未运行安装测试", "command": "npx -y @mantine/mcp-server", "label": "官方 MCP", "level": "tool", "llms": "https://mantine.dev/llms.txt", "skills": "https://mantine.dev/guides/llms/", "note": "", "sources": [ { "label": "MCP 接入说明", "url": "https://mantine.dev/guides/llms/", "kind": "official" }, { "label": "官方 LLM 文档", "url": "https://mantine.dev/llms.txt", "kind": "official" }, { "label": "官方 AI 工作流 / Skills", "url": "https://mantine.dev/guides/llms/", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/mantinedev/mantine/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "Mantine official documentation MCP server llms.txt AI coding", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-01.json" }, "image": "assets/01.webp", "thumbnail": "assets/01-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "React", "families": [ "React" ], "type": "完整组件库", "editorial": { "summary": "一套覆盖日常产品界面的 React 工具箱，从按钮、表单到日期选择和弹窗都能沿用同一套设计语言。适合希望尽快搭出完整产品、又需要调整品牌样式的团队。", "features": [ "组件之外还提供 Hooks、表单管理和通知，减少基础功能的拼装工作。", "通过主题、样式 API 和 CSS 变量统一颜色、尺寸与明暗模式。", "适合管理后台、会员中心和数据录入工具；复杂图表或业务流程仍需另外实现。" ], "sources": [ { "label": "项目介绍", "url": "https://mantine.dev/" }, { "label": "源码与许可", "url": "https://github.com/mantinedev/mantine" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "接入页未标注独立服务价格；具体客户端与所调用的模型费用另计。", "sources": [ { "label": "组件与许可", "url": "https://github.com/mantinedev/mantine" } ] }, "motion": { "kind": "included", "label": "含动画组件", "effects": [ "淡入淡出", "缩放过渡" ], "description": "Transition 组件提供预设与自定义进出场过渡，可用于提示、菜单和内容切换。偏日常界面反馈，不是整页视觉特效库。", "url": "https://mantine.dev/core/transition/" } }, { "id": 2, "name": "MUI", "category": "React 完整组件库", "framework": "React", "repo": "mui/material-ui", "url": "https://mui.com/", "note": "Material Design 体系；适合管理后台与复杂业务界面；MUI X 部分高级能力另有商业许可。", "stars": 99041, "canonical_repo": "mui/material-ui", "github": "https://github.com/mui/material-ui", "archived": false, "description": "Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.", "homepage": "https://mui.com/material-ui/", "license": "MIT", "pushed_at": "2026-09-14T13:24:37Z", "fetched_at": "2026-09-14T14:33:09.951735+00:00", "star_source": "GitHub REST API", "screenshot": "assets/02.png", "screenshot_source": "https://mui.com/", "screenshot_kind": "官网首屏 / 官方展示页", "projects": "企业 KPI 仪表盘；库存/订单管理；客服或财务操作台", "project_reason": "Material 组件加数据展示生态适合表格、筛选和批量操作密集页面", "project_boundary": "高级数据组件可能收费；复杂图表和权限流程不是自动生成的", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "official", "url": "https://mui.com/material-ui/getting-started/mcp/", "capability": "访问 MUI 文档、示例及相关生成工具", "boundary": "高级生成能力与产品权限需分别核对；不代表所有 MUI X 功能免费", "command": "npx -y @mui/mcp@latest", "label": "官方 MCP", "level": "tool", "llms": "https://mui.com/material-ui/llms.txt", "skills": null, "note": "", "sources": [ { "label": "MCP 接入说明", "url": "https://mui.com/material-ui/getting-started/mcp/", "kind": "official" }, { "label": "官方 LLM 文档", "url": "https://mui.com/material-ui/llms.txt", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/mui/material-ui/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "MUI mui/material-ui official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-02.json" }, "image": "assets/02.webp", "thumbnail": "assets/02-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "React", "families": [ "React" ], "type": "完整组件库", "editorial": { "summary": "以 Material Design 为基础的 React 组件体系，擅长表单密集、数据密集的业务界面。基础组件与 MUI X 数据组件分层提供，选型时要同时看视觉风格和高级功能的授权。", "features": [ "基础控件、布局和主题系统比较完整，适合保持整套应用的一致性。", "MUI X 提供数据表格、日期选择、图表等，部分高级能力属于 Pro 或 Premium。", "可以深度定制主题，但要做出完全不同于 Material 的品牌风格，需要额外设计投入。" ], "sources": [ { "label": "项目介绍", "url": "https://mui.com/" }, { "label": "源码与许可", "url": "https://github.com/mui/material-ui" } ] }, "pricing": { "kind": "mixed", "label": "免费 + 付费", "free": "Material UI 与 MUI X Community 免费；基础组件可用于商业应用。", "paid": "MUI X Pro / Premium 的高级表格、图表等功能需要商业授权；模板可能另售。", "mcp": "接入页未标注独立服务价格；具体客户端与所调用的模型费用另计。", "sources": [ { "label": "组件与许可", "url": "https://github.com/mui/material-ui" }, { "label": "免费与付费范围", "url": "https://mui.com/pricing/" } ] }, "motion": { "kind": "included", "label": "含动画组件", "effects": [ "折叠", "淡入", "滑动" ], "description": "提供 Collapse、Fade、Grow、Slide、Zoom 等过渡组件，适合弹层和内容区的进入退出，也能与自定义组件组合。", "url": "https://mui.com/material-ui/transitions/" } }, { "id": 3, "name": "Ant Design", "category": "React 完整组件库", "framework": "React", "repo": "ant-design/ant-design", "url": "https://ant.design/", "note": "企业级表单、表格与后台组件，默认视觉偏业务系统。", "stars": 99504, "canonical_repo": "ant-design/ant-design", "github": "https://github.com/ant-design/ant-design", "archived": false, "description": "An enterprise-class UI design language and React UI library", "homepage": "https://ant.design", "license": "MIT", "pushed_at": "2026-09-14T08:29:53Z", "fetched_at": "2026-09-14T14:33:10.082363+00:00", "star_source": "GitHub REST API", "screenshot": "assets/03.png", "screenshot_source": "https://ant.design/components/overview-cn", "screenshot_kind": "官方组件文档 / 示例页", "projects": "CRM 客户管理；审批/工单系统；项目管理任务看板的外框", "project_reason": "表单、表格、树与弹窗能组织复杂业务操作，适合多人使用的中后台", "project_boundary": "任务卡片拖拽、工作流引擎与权限后端另做；不是开箱 Trello", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "official", "url": "https://ant-design.antgroup.com/docs/react/mcp", "capability": "官方 CLI 集成 MCP，提供组件知识、项目工具与 prompts", "boundary": "官方说明从 @ant-design/cli v6.3.5 起提供；按项目版本匹配", "command": "npx -y @ant-design/cli mcp", "label": "官方 MCP", "level": "tool", "llms": "https://ant.design/llms.txt", "skills": "https://ant-design.antgroup.com/docs/react/for-agents", "note": "", "sources": [ { "label": "MCP 接入说明", "url": "https://ant-design.antgroup.com/docs/react/mcp", "kind": "official" }, { "label": "官方 LLM 文档", "url": "https://ant.design/llms.txt", "kind": "official" }, { "label": "官方 AI 工作流 / Skills", "url": "https://ant-design.antgroup.com/docs/react/for-agents", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/ant-design/ant-design/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "Ant Design ant-design/ant-design official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-03.json" }, "image": "assets/03.webp", "thumbnail": "assets/03-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "React", "families": [ "React" ], "type": "完整组件库", "editorial": { "summary": "面向企业产品的 React 组件库，默认视觉理性、紧凑，适合信息密度较高的页面。它的价值在于让表格、筛选、表单和反馈遵循一致的交互方式。", "features": [ "Table、Form、Tree、Upload 等常见业务控件可以组合成完整后台。", "Design Token 支持统一主题与组件级调整，便于维护多页面产品。", "适合运营、审核、CRM 和管理工具；鲜明的品牌展示页通常需要另做视觉设计。" ], "sources": [ { "label": "项目介绍", "url": "https://ant.design/" }, { "label": "源码与许可", "url": "https://github.com/ant-design/ant-design" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "接入页未标注独立服务价格；具体客户端与所调用的模型费用另计。", "sources": [ { "label": "组件与许可", "url": "https://github.com/ant-design/ant-design" } ] }, "motion": null }, { "id": 4, "name": "Chakra UI", "category": "React 完整组件库", "framework": "React", "repo": "chakra-ui/chakra-ui", "url": "https://chakra-ui.com/", "note": "可组合组件与主题系统，适合定制应用界面。", "stars": 40639, "canonical_repo": "chakra-ui/chakra-ui", "github": "https://github.com/chakra-ui/chakra-ui", "archived": false, "description": "Chakra UI is a component system for building SaaS products with speed ⚡️", "homepage": "https://chakra-ui.com", "license": "MIT", "pushed_at": "2026-09-14T00:42:34Z", "fetched_at": "2026-09-14T14:33:09.944585+00:00", "star_source": "GitHub REST API", "screenshot": "assets/04.png", "screenshot_source": "https://chakra-ui.com/", "screenshot_kind": "官网首屏 / 官方展示页", "projects": "订阅制 SaaS；会员中心；轻量项目工作台", "project_reason": "组合式组件与主题便于做符合品牌的表单、设置页和卡片界面", "project_boundary": "大数据表格或财务分析模块需要单独确认或配库", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "official", "url": "https://chakra-ui.com/docs/get-started/ai/mcp-server", "capability": "组件 API、示例、设计令牌与迁移指导", "boundary": "部分 Pro 模板工具需要付费权限；当前为 stdio", "command": "npx -y @chakra-ui/react-mcp", "label": "官方 MCP", "level": "tool", "llms": "https://chakra-ui.com/llms.txt", "skills": "https://chakra-ui.com/docs/get-started/ai/mcp-server", "note": "", "sources": [ { "label": "MCP 接入说明", "url": "https://chakra-ui.com/docs/get-started/ai/mcp-server", "kind": "official" }, { "label": "官方 LLM 文档", "url": "https://chakra-ui.com/llms.txt", "kind": "official" }, { "label": "官方 AI 工作流 / Skills", "url": "https://chakra-ui.com/docs/get-started/ai/mcp-server", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/chakra-ui/chakra-ui/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "Chakra UI chakra-ui/chakra-ui official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-04.json" }, "image": "assets/04.webp", "thumbnail": "assets/04-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "React", "families": [ "React" ], "type": "完整组件库", "editorial": { "summary": "强调可组合性的 React 组件系统。用统一的样式属性和主题规则组织界面，既能快速使用现成控件，也能把多个基础部件组合成自己的组件。", "features": [ "复合组件把触发器、内容区等部分拆开，方便定制结构。", "主题令牌、recipes 和语义颜色有助于维护品牌样式。", "适合需要统一设计语言的产品；Pro 区块和模板属于额外购买内容。" ], "sources": [ { "label": "项目介绍", "url": "https://chakra-ui.com/" }, { "label": "源码与许可", "url": "https://github.com/chakra-ui/chakra-ui" } ] }, "pricing": { "kind": "mixed", "label": "免费 + 付费", "free": "Chakra UI 核心组件采用 MIT，可免费使用。", "paid": "Chakra UI Pro 的页面区块和模板需要购买；Pro 相关 MCP 工具也要求权限。", "mcp": "基础 MCP 可公开接入；读取 Pro 区块等付费内容需要对应的 Chakra UI Pro 权限。", "sources": [ { "label": "组件与许可", "url": "https://github.com/chakra-ui/chakra-ui" }, { "label": "免费与付费范围", "url": "https://pro.chakra-ui.com/pricing" } ] }, "motion": null }, { "id": 5, "name": "HeroUI", "category": "React 完整组件库", "framework": "React", "repo": "heroui-inc/heroui", "url": "https://www.heroui.com/", "note": "原 NextUI；带样式的 React 组件体系，旧名称不重复计数。", "stars": 30654, "canonical_repo": "heroui-inc/heroui", "github": "https://github.com/heroui-inc/heroui", "archived": false, "description": "🚀 Beautiful, fast and modern React UI library. (Previously NextUI)", "homepage": "https://heroui.com", "license": "Apache-2.0", "pushed_at": "2026-09-14T13:23:52Z", "fetched_at": "2026-09-14T14:33:10.046005+00:00", "star_source": "GitHub REST API", "screenshot": "assets/05.png", "screenshot_source": "https://heroui.com/", "screenshot_kind": "官网首屏 / 官方展示页", "projects": "AI 助手 Web 客户端；创作者个人中心；轻电商账号与订单页", "project_reason": "现成视觉细节较丰富，适合面向消费者的卡片、表单和弹层", "project_boundary": "聊天消息服务、商品交易、支付和后台权限不属于 UI 库", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "official", "url": "https://github.com/heroui-inc/heroui-mcp", "capability": "HeroUI React v3 与 Native 分别有 MCP 文档服务", "boundary": "React MCP 面向 v3，不能当成 v2 的 API；Native 是另一服务", "command": "npx -y @heroui/react-mcp", "label": "官方 MCP", "level": "tool", "llms": "https://heroui.com/llms.txt", "skills": null, "note": "", "sources": [ { "label": "MCP 接入说明", "url": "https://github.com/heroui-inc/heroui-mcp", "kind": "official" }, { "label": "官方 LLM 文档", "url": "https://heroui.com/llms.txt", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/heroui-inc/heroui/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "HeroUI heroui-inc/heroui official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-05.json" }, "image": "assets/05.webp", "thumbnail": "assets/05-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "React", "families": [ "React" ], "type": "完整组件库", "editorial": { "summary": "原 NextUI，面向 React 的带样式组件库，整体更偏现代产品界面。适合希望按钮、表单、卡片和弹窗一开始就有较完整视觉表现的项目。", "features": [ "组件围绕交互状态、主题与无障碍行为组织，减少基础外观的重复设计。", "React 与 React Native 有不同的产品和接入入口，不能直接混用组件代码。", "适合 SaaS、会员中心和产品官网；v2、v3 的 API 与样式方案需要分别匹配。" ], "sources": [ { "label": "项目介绍", "url": "https://www.heroui.com/" }, { "label": "源码与许可", "url": "https://github.com/heroui-inc/heroui" } ] }, "pricing": { "kind": "mixed", "label": "免费 + 付费", "free": "HeroUI 开源组件免费使用。", "paid": "HeroUI Pro 组件、模板、设计系统与 Pro AI 能力需要购买，对应套餐可能带 AI 额度。", "mcp": "公开文档 MCP 与 HeroUI Pro AI 分开；Pro MCP / Skills 和额度随购买的 Pro 套餐提供。", "sources": [ { "label": "组件与许可", "url": "https://github.com/heroui-inc/heroui" }, { "label": "免费与付费范围", "url": "https://heroui.pro/" } ] }, "motion": null }, { "id": 6, "name": "PrimeReact", "category": "React 完整组件库", "framework": "React", "repo": "primefaces/primereact", "url": "https://primereact.org/", "note": "覆盖数据录入和展示的综合组件库；模板等周边产品需单独查看许可。", "stars": 8313, "canonical_repo": "primefaces/primereact", "github": "https://github.com/primefaces/primereact", "archived": false, "description": "The Most Complete React UI Component Library", "homepage": "https://primereact.org", "license": "旧版 MIT / 新版 PrimeUI License", "pushed_at": "2026-09-11T09:56:14Z", "fetched_at": "2026-09-14T14:33:10.345293+00:00", "star_source": "GitHub REST API", "screenshot": "assets/06.png", "screenshot_source": "https://primereact.dev/", "screenshot_kind": "官网首屏 / 官方展示页", "projects": "ERP/库存后台；订单处理台；运营数据工作台", "project_reason": "综合业务组件适合筛选、数据录入和大量记录展示", "project_boundary": "先选择版本与主题路线；不是自动完成商业流程的低代码系统", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "official", "url": "https://primereact.dev/docs/primitive/guides/ai/mcp", "capability": "查询组件、API、示例与校验；官方插件整合 Skills", "boundary": "新文档区分 primitive 等模式；需匹配项目版本和模式", "command": "npx -y @primereact/mcp", "label": "官方 MCP", "level": "tool", "llms": "https://primereact.dev/llms.txt", "skills": "https://primereact.dev/docs/primitive/guides/ai/plugin", "note": "", "sources": [ { "label": "MCP 接入说明", "url": "https://primereact.dev/docs/primitive/guides/ai/mcp", "kind": "official" }, { "label": "官方 LLM 文档", "url": "https://primereact.dev/llms.txt", "kind": "official" }, { "label": "官方 AI 工作流 / Skills", "url": "https://primereact.dev/docs/primitive/guides/ai/plugin", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/primefaces/primereact/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "PrimeReact primefaces/primereact official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-06.json" }, "image": "assets/06.webp", "thumbnail": "assets/06-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "React", "families": [ "React" ], "type": "完整组件库", "editorial": { "summary": "Prime 家族的 React 组件套件，侧重表格、树、选择器等业务控件。既有带样式的使用方式，也提供更底层的组合方式，适合需要较多控件类型的应用。", "features": [ "数据展示、输入、菜单和反馈控件覆盖面广，适合集中完成后台页面。", "不同样式层级允许在现成主题和自行设计之间选择。", "v10 及以前的 MIT 版本与新版商业授权分开，升级时需要重新确认使用资格。" ], "sources": [ { "label": "项目介绍", "url": "https://primereact.org/" }, { "label": "源码与许可", "url": "https://github.com/primefaces/primereact" } ] }, "pricing": { "kind": "conditional", "label": "有条件免费 / 付费", "free": "PrimeReact v10 及此前已发布的 MIT 版本仍可免费使用。新版 Community 对符合资格的个人与小型组织免费。", "paid": "新版超出 Community 资格的组织需要商业授权；Pro 组件、模板、设计工具与高级支持也另有收费。", "mcp": "MCP 包含在 PrimeUI 授权内；符合 Community 资格可随免费方案使用，否则按商业授权。", "sources": [ { "label": "方案与收费", "url": "https://primeui.dev/pricing" }, { "label": "Community 免费资格", "url": "https://primeui.dev/licenses/community" }, { "label": "旧版 MIT 范围", "url": "https://primeui.dev/security" } ], "eligibility": "组织须同时满足：开发者少于 5 人、员工少于 10 人、年收入低于 100 万美元、外部融资不超过许可规定的 300 万美元门槛。Community 需注册，并每年确认资格续期。" }, "motion": null }, { "id": 7, "name": "React Suite", "category": "React 完整组件库", "framework": "React", "repo": "rsuite/rsuite", "url": "https://rsuitejs.com/", "note": "偏中后台，提供表格、表单和日期类组件。", "stars": 8693, "canonical_repo": "rsuite/rsuite", "github": "https://github.com/rsuite/rsuite", "archived": false, "description": "🧱 A suite of React components . ", "homepage": "https://rsuitejs.com", "license": "MIT", "pushed_at": "2026-08-21T09:02:41Z", "fetched_at": "2026-09-14T14:33:10.237130+00:00", "star_source": "GitHub REST API", "screenshot": "assets/07.png", "screenshot_source": "https://www.rsuitejs.com/components/overview/", "screenshot_kind": "官方组件文档 / 示例页", "projects": "中小企业管理后台；人员/排班管理；服务预约管理", "project_reason": "后台风格的输入、日期和数据组件减少基础页面搭建工作", "project_boundary": "排班冲突计算、资源预约逻辑和日历排程引擎另做", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "official", "url": "https://www.rsuitejs.com/guide/mcp-server/", "capability": "在 AI 客户端读取 React Suite 组件与 API 文档", "boundary": "需 Node.js 与支持 MCP 的客户端", "command": "npx -y @rsuite/mcp@latest", "label": "官方 MCP", "level": "tool", "llms": "https://www.rsuitejs.com/llms.txt", "skills": null, "note": "", "sources": [ { "label": "MCP 接入说明", "url": "https://www.rsuitejs.com/guide/mcp-server/", "kind": "official" }, { "label": "官方 LLM 文档", "url": "https://www.rsuitejs.com/llms.txt", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/rsuite/rsuite/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "React Suite rsuite/rsuite official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-07.json" }, "image": "assets/07.webp", "thumbnail": "assets/07-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "React", "families": [ "React" ], "type": "完整组件库", "editorial": { "summary": "React Suite 是面向桌面业务应用的 React 组件库，视觉克制、布局清晰。适合以表单、数据筛选和操作面板为主的内部产品。", "features": [ "提供日期、选择器、表格、导航和反馈等成套业务控件。", "主题与明暗模式便于统一多页应用的视觉。", "适合管理后台和协作工具；高度艺术化的展示效果需搭配其他资源。" ], "sources": [ { "label": "项目介绍", "url": "https://rsuitejs.com/" }, { "label": "源码与许可", "url": "https://github.com/rsuite/rsuite" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "接入页未标注独立服务价格；具体客户端与所调用的模型费用另计。", "sources": [ { "label": "组件与许可", "url": "https://github.com/rsuite/rsuite" } ] }, "motion": null }, { "id": 8, "name": "Semi Design", "category": "React 完整组件库", "framework": "React", "repo": "DouyinFE/semi-design", "url": "https://semi.design/zh-CN/basic/button", "note": "企业级设计系统，适合工作台和数据密集界面。", "stars": 10362, "canonical_repo": "DouyinFE/semi-design", "github": "https://github.com/DouyinFE/semi-design", "archived": false, "description": "🚀A modern, comprehensive, flexible design system and React UI library, AI-friendly built-in.🎨Provide 3000+ Design Tokens, easy to build your design system. Make Semi Design to Any Design.🧑🏻‍💻 Design to Code in one click", "homepage": "https://semi.design", "license": "NOASSERTION", "pushed_at": "2026-09-01T08:46:32Z", "fetched_at": "2026-09-14T14:33:10.385447+00:00", "star_source": "GitHub REST API", "screenshot": "assets/08.png", "screenshot_source": "https://semi.design/zh-CN/basic/button", "screenshot_kind": "官方组件文档 / 示例页", "projects": "内容审核工作台；多业务运营平台；企业 SaaS 设置中心", "project_reason": "统一设计体系适合复杂业务模块和密集操作界面", "project_boundary": "推荐的是 UI 组织能力，不包含内容审核模型和业务规则", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "official", "url": "https://semi.design/en-US/start/mcp-skills", "capability": "查询 Semi 组件、文档及使用指导；提供 MCP/Skills", "boundary": "公网与字节内网使用不同包；这里仅列公网入口", "command": "npx -y @douyinfe/semi-mcp", "label": "官方 MCP", "level": "tool", "llms": null, "skills": "https://semi.design/en-US/start/mcp-skills", "note": "", "sources": [ { "label": "MCP 接入说明", "url": "https://semi.design/en-US/start/mcp-skills", "kind": "official" }, { "label": "官方 AI 工作流 / Skills", "url": "https://semi.design/en-US/start/mcp-skills", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/DouyinFE/semi-design/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "Semi Design DouyinFE/semi-design official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-08.json" }, "image": "assets/08.webp", "thumbnail": "assets/08-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "React", "families": [ "React" ], "type": "完整组件库", "editorial": { "summary": "Semi Design 是面向企业应用的设计系统与 React 组件库，适合设计与研发需要共享组件规范的团队。常见业务控件之外，也提供主题定制相关工具。", "features": [ "表格、表单、树和复杂选择器适合承载较密集的业务信息。", "设计变量和主题方案可以把品牌样式落实到整套控件。", "适合中后台和工作台；组件能力需要与业务权限、数据接口分别实现。" ], "sources": [ { "label": "项目介绍", "url": "https://semi.design/zh-CN/basic/button" }, { "label": "源码与许可", "url": "https://github.com/DouyinFE/semi-design" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "接入页未标注独立服务价格；具体客户端与所调用的模型费用另计。", "sources": [ { "label": "组件与许可", "url": "https://github.com/DouyinFE/semi-design" } ] }, "motion": null }, { "id": 9, "name": "Arco Design React", "category": "React 完整组件库", "framework": "React", "repo": "arco-design/arco-design", "url": "https://arco.design/react/en-US/components/button", "note": "企业级组件与主题定制体系。", "stars": 5703, "canonical_repo": "arco-design/arco-design", "github": "https://github.com/arco-design/arco-design", "archived": false, "description": "A comprehensive React UI components library based on Arco Design", "homepage": "https://arco.design", "license": "MIT", "pushed_at": "2026-08-24T11:27:07Z", "fetched_at": "2026-09-14T14:33:10.364588+00:00", "star_source": "GitHub REST API", "screenshot": "assets/09.png", "screenshot_source": "https://arco.design/react/en-US/components/button", "screenshot_kind": "官方组件文档 / 示例页", "projects": "企业控制台；数据管理后台；多模块管理门户", "project_reason": "主题与企业组件便于统一多个模块的交互和视觉", "project_boundary": "若做强艺术风格的展示站，需要较多外观重设计", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "unconfirmed", "url": "https://github.com/arco-design/arco-design", "capability": "可把官方文档、README 与具体组件源码提供给 AI；本轮未确认专用 MCP。", "boundary": "检索未找到不等于不存在；普通源码可读不等于已提供 AI 专用工具。", "command": "", "label": "未确认专用 MCP", "level": "standard", "llms": null, "skills": null, "note": "", "sources": [ { "label": "官方文档 / 源码", "url": "https://github.com/arco-design/arco-design", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/arco-design/arco-design/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "Arco Design React arco-design/arco-design official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-09.json" }, "image": "assets/09.webp", "thumbnail": "assets/09-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "React", "families": [ "React" ], "type": "完整组件库", "editorial": { "summary": "Arco Design 的 React 实现，偏企业级产品的统一视觉与交互。适合要快速搭出多页面后台，同时保留主题定制空间的项目。", "features": [ "提供成套表单、数据展示、导航与反馈控件，减少跨页面的不一致。", "主题变量与设计系统工具便于调整品牌色和组件外观。", "React 与 Vue 版本各自维护，组件 API 和示例需按框架选择。" ], "sources": [ { "label": "项目介绍", "url": "https://arco.design/react/en-US/components/button" }, { "label": "源码与许可", "url": "https://github.com/arco-design/arco-design" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "未提供明确的专用 MCP 入口。", "sources": [ { "label": "组件与许可", "url": "https://github.com/arco-design/arco-design" } ] }, "motion": null }, { "id": 10, "name": "Fluent UI", "category": "React 完整组件库", "framework": "React / Web Components", "repo": "microsoft/fluentui", "url": "https://react.fluentui.dev/", "note": "微软设计体系；所列 Star 对应整个 Fluent UI 仓库。", "stars": 20269, "canonical_repo": "microsoft/fluentui", "github": "https://github.com/microsoft/fluentui", "archived": false, "description": "Fluent UI web represents a collection of utilities, React components, and web components for building web applications.", "homepage": "https://react.fluentui.dev", "license": "NOASSERTION", "pushed_at": "2026-09-14T14:03:12Z", "fetched_at": "2026-09-14T14:33:10.429325+00:00", "star_source": "GitHub REST API", "screenshot": "assets/10.png", "screenshot_source": "https://storybooks.fluentui.dev/react/iframe.html?id=components-spinbutton--docs&viewMode=docs", "screenshot_kind": "官方组件文档 / 示例页", "projects": "办公协作平台；企业知识工作台；Microsoft 风格管理工具", "project_reason": "Fluent 设计语言适合工具栏、表单、列表和办公感界面", "project_boundary": "不自带 Office 编辑器、实时协作服务或文档存储", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "community", "url": "https://github.com/blendsdk/fluentui-mcp", "capability": "社区服务提供 Fluent UI 文档、Props 与示例查询", "boundary": "第三方维护，不能当成 Microsoft 官方服务；使用前核对版本", "command": "", "label": "社区 MCP", "level": "docs", "llms": "https://storybooks.fluentui.dev/react/llms.txt", "skills": null, "note": "", "sources": [ { "label": "MCP 接入说明", "url": "https://github.com/blendsdk/fluentui-mcp", "kind": "community" }, { "label": "官方 LLM 文档", "url": "https://storybooks.fluentui.dev/react/llms.txt", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/microsoft/fluentui/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "Fluent UI microsoft/fluentui official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-10.json" }, "image": "assets/10.webp", "thumbnail": "assets/10-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "React", "families": [ "React" ], "type": "完整组件库", "editorial": { "summary": "微软 Fluent 设计体系的 React 实现，适合需要接近 Microsoft 产品体验的应用。它着重处理控件交互、可访问性和跨组件的一致性。", "features": [ "按钮、菜单、表格与表单等组件带有统一的状态与视觉规则。", "主题令牌可用于品牌色、明暗模式和组件样式配置。", "适合办公协作和企业工具；旧版与新版 React 包的 API 不应混用。" ], "sources": [ { "label": "项目介绍", "url": "https://react.fluentui.dev/" }, { "label": "源码与许可", "url": "https://github.com/microsoft/fluentui" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "接入页未标注独立服务价格；具体客户端与所调用的模型费用另计。", "sources": [ { "label": "组件与许可", "url": "https://github.com/microsoft/fluentui" } ] }, "motion": null }, { "id": 11, "name": "Blueprint", "category": "React 完整组件库", "framework": "React", "repo": "palantir/blueprint", "url": "https://blueprintjs.com/", "note": "偏桌面、数据密集型应用与专业工具。", "stars": 22056, "canonical_repo": "palantir/blueprint", "github": "https://github.com/palantir/blueprint", "archived": false, "description": "A React-based UI toolkit for the web", "homepage": "https://blueprintjs.com/", "license": "Apache-2.0", "pushed_at": "2026-09-11T15:43:42Z", "fetched_at": "2026-09-14T14:33:10.716370+00:00", "star_source": "GitHub REST API", "screenshot": "assets/11.png", "screenshot_source": "https://blueprintjs.com/docs/#core/components/buttons", "screenshot_kind": "官方组件文档 / 示例页", "projects": "数据分析控制台；监控运维台；专业研究/标注工具", "project_reason": "桌面与高信息密度定位适合频繁鼠标操作和多面板工具", "project_boundary": "手机优先社区或电商不是首选场景；大图与图表引擎另接", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "unconfirmed", "url": "https://github.com/palantir/blueprint", "capability": "可把官方文档、README 与具体组件源码提供给 AI；本轮未确认专用 MCP。", "boundary": "检索未找到不等于不存在；普通源码可读不等于已提供 AI 专用工具。", "command": "", "label": "未确认专用 MCP", "level": "docs", "llms": "https://raw.githubusercontent.com/palantir/blueprint/develop/llms.txt", "skills": null, "note": "已确认官方仓库的 llms.txt。Palantir 平台 MCP 与 Blueprint UI 无关，不能混算。", "sources": [ { "label": "官方文档 / 源码", "url": "https://github.com/palantir/blueprint", "kind": "official" }, { "label": "官方 LLM 文档", "url": "https://raw.githubusercontent.com/palantir/blueprint/develop/llms.txt", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/palantir/blueprint/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "Blueprint palantir/blueprint official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-11.json" }, "image": "assets/11.webp", "thumbnail": "assets/11-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "React", "families": [ "React" ], "type": "完整组件库", "editorial": { "summary": "Blueprint 是偏桌面数据工具的 React UI 库，默认风格紧凑，适合需要同时展示大量信息的专业界面。它更像分析工作台的底座，而非营销页面模板。", "features": [ "弹出层、菜单、树、表格和表单有较强的桌面应用取向。", "暗色主题适合配合密集的数据分析界面。", "适合运营、监控和研究工具；移动端布局与品牌化外观需要额外调整。" ], "sources": [ { "label": "项目介绍", "url": "https://blueprintjs.com/" }, { "label": "源码与许可", "url": "https://github.com/palantir/blueprint" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "官方 AI 文档可公开读取；没有明确的专用 MCP 入口。", "sources": [ { "label": "组件与许可", "url": "https://github.com/palantir/blueprint" } ] }, "motion": null }, { "id": 12, "name": "Grommet", "category": "React 完整组件库", "framework": "React", "repo": "grommet/grommet", "url": "https://v2.grommet.io/", "note": "组件、布局和主题能力，视觉风格较独立。", "stars": 8348, "canonical_repo": "grommet/grommet", "github": "https://github.com/grommet/grommet", "archived": false, "description": "a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package", "homepage": "https://grommet.io", "license": "Apache-2.0", "pushed_at": "2026-09-11T21:34:25Z", "fetched_at": "2026-09-14T14:33:10.641104+00:00", "star_source": "GitHub REST API", "screenshot": "assets/12.png", "screenshot_source": "https://v2.grommet.io/components", "screenshot_kind": "官方组件文档 / 示例页", "projects": "设备状态仪表盘；企业门户；内部服务管理工具", "project_reason": "布局和主题体系适合响应式卡片、状态展示和控制界面", "project_boundary": "设备协议、实时流和告警规则均是业务层工作", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "unconfirmed", "url": "https://github.com/grommet/grommet", "capability": "可把官方文档、README 与具体组件源码提供给 AI；本轮未确认专用 MCP。", "boundary": "检索未找到不等于不存在；普通源码可读不等于已提供 AI 专用工具。", "command": "", "label": "未确认专用 MCP", "level": "standard", "llms": null, "skills": null, "note": "", "sources": [ { "label": "官方文档 / 源码", "url": "https://github.com/grommet/grommet", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/grommet/grommet/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "Grommet grommet/grommet official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-12.json" }, "image": "assets/12.webp", "thumbnail": "assets/12-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "React", "families": [ "React" ], "type": "完整组件库", "editorial": { "summary": "Grommet 把布局、主题和可访问性放在同一套 React 组件体系里，适合用统一结构组织应用页面。整体风格相对简洁，便于通过主题变化形成自己的产品外观。", "features": [ "Box、Grid 等布局组件与表单、导航组件可以共同使用。", "主题对象集中管理颜色、间距和组件表现。", "适合管理平台和响应式产品；业务特定的复杂控件仍可能需要补充。" ], "sources": [ { "label": "项目介绍", "url": "https://v2.grommet.io/" }, { "label": "源码与许可", "url": "https://github.com/grommet/grommet" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "未提供明确的专用 MCP 入口。", "sources": [ { "label": "组件与许可", "url": "https://github.com/grommet/grommet" } ] }, "motion": null }, { "id": 13, "name": "Evergreen", "category": "React 完整组件库", "framework": "React", "repo": "segmentio/evergreen", "url": "https://evergreen.segment.com/", "note": "Segment 的 React UI 体系；采用前关注当前维护情况。", "stars": 12422, "canonical_repo": "segmentio/evergreen", "github": "https://github.com/segmentio/evergreen", "archived": false, "description": "🌲 Evergreen React UI Framework by Segment", "homepage": "https://evergreen.segment.com", "license": "MIT", "pushed_at": "2026-06-25T23:25:22Z", "fetched_at": "2026-09-14T14:33:10.680780+00:00", "star_source": "GitHub REST API", "screenshot": "assets/13.png", "screenshot_source": "https://evergreen.segment.com/components/buttons", "screenshot_kind": "官方组件文档 / 示例页", "projects": "已有 Evergreen 的管理后台续建；内部运营小工具", "project_reason": "沿用既有设计体系比全面替换更容易保持一致", "project_boundary": "新项目仅列候选，先核查发布节奏与当前 React 兼容性", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "unconfirmed", "url": "https://github.com/segmentio/evergreen", "capability": "可把官方文档、README 与具体组件源码提供给 AI；本轮未确认专用 MCP。", "boundary": "检索未找到不等于不存在；普通源码可读不等于已提供 AI 专用工具。", "command": "", "label": "未确认专用 MCP", "level": "standard", "llms": null, "skills": null, "note": "检索中的 Evergreen CI/CD MCP 和同名 AI 产品均不是 Segment Evergreen UI。", "sources": [ { "label": "官方文档 / 源码", "url": "https://github.com/segmentio/evergreen", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/segmentio/evergreen/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "Evergreen segmentio/evergreen official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-13.json" }, "image": "assets/13.webp", "thumbnail": "assets/13-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "React", "families": [ "React" ], "type": "完整组件库", "editorial": { "summary": "Evergreen 是 Segment 发布的 React UI 框架，偏向桌面业务工具的实用风格。可以用来参考后台控件和页面结构，接入前应检查它与现有 React 环境的兼容性。", "features": [ "按钮、表单、表格和侧边面板等适合组合管理界面。", "提供默认样式和主题能力，适合快速统一基础控件。", "更适合已有 Evergreen 项目的延续或设计参考；新项目需要评估维护与依赖情况。" ], "sources": [ { "label": "项目介绍", "url": "https://evergreen.segment.com/" }, { "label": "源码与许可", "url": "https://github.com/segmentio/evergreen" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "未提供明确的专用 MCP 入口。", "sources": [ { "label": "组件与许可", "url": "https://github.com/segmentio/evergreen" } ] }, "motion": null }, { "id": 14, "name": "React Bootstrap", "category": "React 完整组件库", "framework": "React", "repo": "react-bootstrap/react-bootstrap", "url": "https://react-bootstrap.github.io/", "note": "用 React 组件实现 Bootstrap 交互与视觉体系。", "stars": 22600, "canonical_repo": "react-bootstrap/react-bootstrap", "github": "https://github.com/react-bootstrap/react-bootstrap", "archived": false, "description": "Bootstrap components built with React", "homepage": "https://react-bootstrap.github.io/", "license": "MIT", "pushed_at": "2026-09-13T22:26:14Z", "fetched_at": "2026-09-14T14:33:10.683992+00:00", "star_source": "GitHub REST API", "screenshot": "assets/14.png", "screenshot_source": "https://react-bootstrap.github.io/docs/components/buttons/", "screenshot_kind": "官方组件文档 / 示例页", "projects": "已有 Bootstrap 网站改造为 React；商户后台；内容管理页", "project_reason": "可保留既有 Bootstrap 风格并使用 React 组件管理交互", "project_boundary": "适合渐进改造；不是追求完全新视觉时的唯一选择", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "unconfirmed", "url": "https://github.com/react-bootstrap/react-bootstrap", "capability": "可把官方文档、README 与具体组件源码提供给 AI；本轮未确认专用 MCP。", "boundary": "检索未找到不等于不存在；普通源码可读不等于已提供 AI 专用工具。", "command": "", "label": "未确认专用 MCP", "level": "standard", "llms": null, "skills": null, "note": "", "sources": [ { "label": "官方文档 / 源码", "url": "https://github.com/react-bootstrap/react-bootstrap", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/react-bootstrap/react-bootstrap/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "React Bootstrap react-bootstrap/react-bootstrap official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-14.json" }, "image": "assets/14.webp", "thumbnail": "assets/14-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "React", "families": [ "React" ], "type": "完整组件库", "editorial": { "summary": "把 Bootstrap 的常见交互组件做成 React 组件，适合熟悉 Bootstrap 布局和样式、又希望以 React 管理状态的团队。", "features": [ "保留 Bootstrap 的网格与视觉习惯，迁移既有页面比较直观。", "交互由 React 组件控制，无需再依赖 Bootstrap 的 jQuery 插件。", "适合传统网站、后台和渐进改造；需要自行引入与组件版本对应的 Bootstrap 样式。" ], "sources": [ { "label": "项目介绍", "url": "https://react-bootstrap.github.io/" }, { "label": "源码与许可", "url": "https://github.com/react-bootstrap/react-bootstrap" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "未提供明确的专用 MCP 入口。", "sources": [ { "label": "组件与许可", "url": "https://github.com/react-bootstrap/react-bootstrap" } ] }, "motion": null }, { "id": 15, "name": "Semantic UI React", "category": "React 完整组件库", "framework": "React", "repo": "Semantic-Org/Semantic-UI-React", "url": "https://react.semantic-ui.com/", "note": "Semantic UI 的 React 组件；采用前核查版本兼容与维护。", "stars": 13207, "canonical_repo": "Semantic-Org/Semantic-UI-React", "github": "https://github.com/Semantic-Org/Semantic-UI-React", "archived": false, "description": "The official Semantic-UI-React integration", "homepage": "https://react.semantic-ui.com", "license": "MIT", "pushed_at": "2024-11-22T09:09:59Z", "fetched_at": "2026-09-14T14:33:10.702747+00:00", "star_source": "GitHub REST API", "screenshot": "assets/15.png", "screenshot_source": "https://react.semantic-ui.com/elements/button/", "screenshot_kind": "官方组件文档 / 示例页", "projects": "既有 Semantic UI React 产品维护；原型页面复用", "project_reason": "复用原有语义化组件能减少旧系统迁移范围", "project_boundary": "不作新项目默认推荐，先核查 React 版本与维护状态", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "unconfirmed", "url": "https://github.com/Semantic-Org/Semantic-UI-React", "capability": "可把官方文档、README 与具体组件源码提供给 AI；本轮未确认专用 MCP。", "boundary": "检索未找到不等于不存在；普通源码可读不等于已提供 AI 专用工具。", "command": "", "label": "未确认专用 MCP", "level": "standard", "llms": null, "skills": null, "note": "Semantic UI 新项目的 MCP 不能直接算作 Semantic-UI-React 的专用支持。", "sources": [ { "label": "官方文档 / 源码", "url": "https://github.com/Semantic-Org/Semantic-UI-React", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/Semantic-Org/Semantic-UI-React/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "Semantic UI React Semantic-Org/Semantic-UI-React official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-15.json" }, "image": "assets/15.webp", "thumbnail": "assets/15-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "React", "families": [ "React" ], "type": "完整组件库", "editorial": { "summary": "Semantic UI 的 React 组件实现，以语义化属性组合控件。适合已有 Semantic UI 视觉体系的应用，也可用来研究经典网站与后台的组件组织方式。", "features": [ "通过属性配置尺寸、颜色、状态和子组件，阅读结构比较直观。", "表单、菜单、消息和卡片有一致的传统 Web 风格。", "通常还需要单独引入样式；新项目应先确认 React 版本和维护状态是否合适。" ], "sources": [ { "label": "项目介绍", "url": "https://react.semantic-ui.com/" }, { "label": "源码与许可", "url": "https://github.com/Semantic-Org/Semantic-UI-React" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "未提供明确的专用 MCP 入口。", "sources": [ { "label": "组件与许可", "url": "https://github.com/Semantic-Org/Semantic-UI-React" } ] }, "motion": null }, { "id": 16, "name": "Radix Themes", "category": "React 完整组件库", "framework": "React", "repo": "radix-ui/themes", "url": "https://www.radix-ui.com/themes", "note": "基于 Radix 的现成视觉主题与组件。", "stars": 8691, "canonical_repo": "radix-ui/themes", "github": "https://github.com/radix-ui/themes", "archived": false, "description": "Radix Themes is an open-source component library optimized for fast development, easy maintenance, and accessibility. Maintained by @workos.", "homepage": "https://radix-ui.com/themes", "license": "MIT", "pushed_at": "2026-04-11T18:39:15Z", "fetched_at": "2026-09-14T14:33:10.942718+00:00", "star_source": "GitHub REST API", "screenshot": "assets/16.png", "screenshot_source": "https://www.radix-ui.com/", "screenshot_kind": "官网首屏 / 官方展示页", "projects": "简洁 SaaS 工作台；知识管理工具；订阅/账号设置页", "project_reason": "带样式主题可以快速形成克制、统一的工具型界面", "project_boundary": "复杂编辑器、知识图谱和协作同步仍需专门模块", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "community", "url": "https://github.com/gianpieropuleo/radix-mcp-server", "capability": "社区 MCP 提供 Radix Themes、Primitives、Colors 查询", "boundary": "不是 Radix 官方维护；未安装实测", "command": "", "label": "社区 MCP", "level": "community", "llms": null, "skills": null, "note": "", "sources": [ { "label": "MCP 接入说明", "url": "https://github.com/gianpieropuleo/radix-mcp-server", "kind": "community" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/radix-ui/themes/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "Radix Themes radix-ui/themes official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-16.json" }, "image": "assets/16.webp", "thumbnail": "assets/16-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "React", "families": [ "React" ], "type": "完整组件库", "editorial": { "summary": "Radix Themes 在 Radix 的交互基础上提供现成视觉样式，适合想要简洁、精细的产品界面，又不想从零设计每个控件的 React 项目。", "features": [ "通过主题参数统一强调色、灰阶、圆角、缩放和面板外观。", "布局、排版与常见交互组件可以沿用同一套视觉语言。", "比无样式原语更快上手；要做完全自由的视觉结构，可能需要回到底层 Primitives。" ], "sources": [ { "label": "项目介绍", "url": "https://www.radix-ui.com/themes" }, { "label": "源码与许可", "url": "https://github.com/radix-ui/themes" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "接入页未标注独立服务价格；具体客户端与所调用的模型费用另计。", "sources": [ { "label": "组件与许可", "url": "https://github.com/radix-ui/themes" } ] }, "motion": null }, { "id": 17, "name": "Tamagui", "category": "React 完整组件库", "framework": "React / React Native", "repo": "tamagui/tamagui", "url": "https://tamagui.dev/", "note": "面向 Web 与原生应用共享组件及样式，复杂度需按跨端需求评估。", "stars": 14188, "canonical_repo": "tamagui/tamagui", "github": "https://github.com/tamagui/tamagui", "archived": false, "description": "Style React fast with 100% parity on React Native, an optional UI kit, and optimizing compiler.", "homepage": "https://tamagui.dev", "license": "MIT", "pushed_at": "2026-09-14T06:21:48Z", "fetched_at": "2026-09-14T14:33:11.004616+00:00", "star_source": "GitHub REST API", "screenshot": "assets/17.png", "screenshot_source": "https://tamagui.dev/ui/button", "screenshot_kind": "官方组件文档 / 示例页", "projects": "同一产品的 iPhone/Android App + Web 账号中心；会员服务；习惯记录", "project_reason": "跨端组件与样式复用是核心价值，适合共同维护移动与 Web UI", "project_boundary": "跨端不等于每个界面原样共享；导航、设备能力和交互需平台适配", "ios_relation": "支持 React Native 跨端路线，详见条目", "ai": { "status": "community", "url": "https://github.com/JMRMEDEV/tamagui-mcp-server-community", "capability": "社区 MCP 从本地文档语料检索 Tamagui API", "boundary": "需先下载文档；离线语料可能落后于当前版本", "command": "", "label": "社区 MCP", "level": "docs", "llms": "https://tamagui.dev/llms.txt", "skills": null, "note": "", "sources": [ { "label": "MCP 接入说明", "url": "https://github.com/JMRMEDEV/tamagui-mcp-server-community", "kind": "community" }, { "label": "官方 LLM 文档", "url": "https://tamagui.dev/llms.txt", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/tamagui/tamagui/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "Tamagui tamagui/tamagui official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-17.json" }, "image": "assets/17.webp", "thumbnail": "assets/17-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web + React Native", "family": "React", "families": [ "React", "React Native" ], "type": "原生与移动", "editorial": { "summary": "Tamagui 面向 React Native 与 Web，尝试用共享组件和主题组织跨端产品。适合同时考虑网页与移动应用、希望复用设计语言的团队。", "features": [ "组件、样式系统与主题围绕跨端复用设计，不只是给网页套一个移动壳。", "编译器可处理部分样式计算，但性能收益取决于项目结构与配置。", "适合跨端产品底座；原生权限、导航和平台特有交互仍需分别处理。" ], "sources": [ { "label": "项目介绍", "url": "https://tamagui.dev/" }, { "label": "源码与许可", "url": "https://github.com/tamagui/tamagui" } ] }, "pricing": { "kind": "mixed", "label": "免费 + 付费", "free": "Tamagui 核心组件和样式系统免费；Takeout 有免费版本。", "paid": "Takeout Pro、Bento 等商业资源按各自许可购买。", "mcp": "接入页未标注独立服务价格；具体客户端与所调用的模型费用另计。", "sources": [ { "label": "组件与许可", "url": "https://github.com/tamagui/tamagui" }, { "label": "免费与付费范围", "url": "https://tamagui.dev/takeout" } ] }, "motion": { "kind": "toolkit", "label": "动画开发基础", "effects": [ "跨端动画", "弹簧过渡" ], "description": "通过动画驱动器配置组件状态变化和进出场表现。可以用于 Web 与 React Native 的共享设计，但动画细节需要按目标平台配置。", "url": "https://tamagui.dev/docs/core/animations" } }, { "id": 18, "name": "shadcn/ui", "category": "源码与无样式底座", "framework": "React", "repo": "shadcn-ui/ui", "url": "https://ui.shadcn.com/", "note": "将可修改的组件源码加入项目；不是传统黑盒组件包。", "stars": 123725, "canonical_repo": "shadcn-ui/ui", "github": "https://github.com/shadcn-ui/ui", "archived": false, "description": "Composable, accessible components with thoughtful defaults. Build your own component library with code you can customize, extend, and make your own.", "homepage": "https://ui.shadcn.com", "license": "MIT", "pushed_at": "2026-09-12T13:26:36Z", "fetched_at": "2026-09-14T14:33:11.068928+00:00", "star_source": "GitHub REST API", "screenshot": "assets/18.png", "screenshot_source": "https://ui.shadcn.com/", "screenshot_kind": "官网首屏 / 官方展示页", "projects": "高度定制的 SaaS；AI 聊天/工作台外框；任务看板的卡片和详情面板", "project_reason": "源码留在项目内，便于按产品结构改造和用 AI 辅助修改", "project_boundary": "任务拖拽、聊天连接、编辑器和数据模型另做；自行管理源码升级", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "official", "url": "https://ui.shadcn.com/docs/mcp", "capability": "浏览、搜索并辅助安装 registry 中的组件；官方 Skills 提供项目上下文", "boundary": "组件 registry 和项目配置需要正确；第三方 registry 各自核验", "command": "npx shadcn@latest mcp", "label": "官方 MCP", "level": "tool", "llms": "https://ui.shadcn.com/llms.txt", "skills": "https://ui.shadcn.com/docs/skills", "note": "", "sources": [ { "label": "MCP 接入说明", "url": "https://ui.shadcn.com/docs/mcp", "kind": "official" }, { "label": "官方 LLM 文档", "url": "https://ui.shadcn.com/llms.txt", "kind": "official" }, { "label": "官方 AI 工作流 / Skills", "url": "https://ui.shadcn.com/docs/skills", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/shadcn-ui/ui/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "shadcn/ui shadcn-ui/ui official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-18.json" }, "image": "assets/18.webp", "thumbnail": "assets/18-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "React", "families": [ "React" ], "type": "无样式与源码", "editorial": { "summary": "shadcn/ui 把组件源码交给项目维护，而不是只安装一个封装好的组件包。你可以直接修改外观和行为，适合希望长期掌控设计系统的 React 产品。", "features": [ "通过 CLI 或 registry 把需要的组件加入自己的代码库。", "通常结合 Tailwind 与交互原语，便于改造表单、导航和数据展示。", "自由度高，但更新、代码合并和自定义后的维护也由项目承担。" ], "sources": [ { "label": "项目介绍", "url": "https://ui.shadcn.com/" }, { "label": "源码与许可", "url": "https://github.com/shadcn-ui/ui" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "shadcn registry MCP 工具本身可免费使用；访问收费 registry 或 Pro 资源仍需对应授权。", "sources": [ { "label": "组件与许可", "url": "https://github.com/shadcn-ui/ui" } ] }, "motion": null }, { "id": 19, "name": "Radix Primitives", "category": "源码与无样式底座", "framework": "React", "repo": "radix-ui/primitives", "url": "https://www.radix-ui.com/primitives", "note": "无样式交互组件底座；最终视觉需要自己设计。", "stars": 19266, "canonical_repo": "radix-ui/primitives", "github": "https://github.com/radix-ui/primitives", "archived": false, "description": "Radix Primitives is an open-source UI component library for building high-quality, accessible design systems and web apps. Maintained by @workos.", "homepage": "https://radix-ui.com/primitives", "license": "MIT", "pushed_at": "2026-08-08T16:39:51Z", "fetched_at": "2026-09-14T14:33:11.004463+00:00", "star_source": "GitHub REST API", "screenshot": "assets/19.png", "screenshot_source": "https://www.radix-ui.com/primitives", "screenshot_kind": "官网首屏 / 官方展示页", "projects": "自有品牌组件系统；复杂下拉/弹层；多产品统一交互底座", "project_reason": "无样式行为基础允许自由设计外观和 DOM 组合", "project_boundary": "不适合期望安装后立即得到完整后台皮肤的团队", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "community", "url": "https://github.com/effinrich/forgekit-radix-mcp", "capability": "社区 MCP 暴露 Primitives API 与可访问性交互约定", "boundary": "不是 Radix 官方 MCP；没有证明与所有版本兼容", "command": "", "label": "社区 MCP", "level": "community", "llms": null, "skills": null, "note": "", "sources": [ { "label": "MCP 接入说明", "url": "https://github.com/effinrich/forgekit-radix-mcp", "kind": "community" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/radix-ui/primitives/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "Radix Primitives radix-ui/primitives official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-19.json" }, "image": "assets/19.webp", "thumbnail": "assets/19-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "React", "families": [ "React" ], "type": "无样式与源码", "editorial": { "summary": "Radix Primitives 提供 React 的底层交互部件，重点是键盘操作、焦点管理和可访问性。外观基本由你决定，适合搭建自己的品牌组件系统。", "features": [ "Dialog、Popover、Select 等处理难写的交互细节。", "无样式结构便于配合自有 CSS 或不同样式工具。", "适合需要精细控制视觉的团队；它不提供完整后台模板或现成品牌设计。" ], "sources": [ { "label": "项目介绍", "url": "https://www.radix-ui.com/primitives" }, { "label": "源码与许可", "url": "https://github.com/radix-ui/primitives" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "接入页未标注独立服务价格；具体客户端与所调用的模型费用另计。", "sources": [ { "label": "组件与许可", "url": "https://github.com/radix-ui/primitives" } ] }, "motion": null }, { "id": 20, "name": "Base UI", "category": "源码与无样式底座", "framework": "React", "repo": "mui/base-ui", "url": "https://base-ui.com/", "note": "无样式 React 组件，适合自建视觉系统。", "stars": 10893, "canonical_repo": "mui/base-ui", "github": "https://github.com/mui/base-ui", "archived": false, "description": "Unstyled UI components for building accessible web apps and design systems. From the creators of Radix, Floating UI, and Material UI.", "homepage": "https://base-ui.com", "license": "MIT", "pushed_at": "2026-09-14T13:21:48Z", "fetched_at": "2026-09-14T14:33:11.001591+00:00", "star_source": "GitHub REST API", "screenshot": "assets/20.png", "screenshot_source": "https://base-ui.com/react/components/button", "screenshot_kind": "官方组件文档 / 示例页", "projects": "公司级 React 设计系统；强品牌消费产品；自定义表单界面", "project_reason": "无样式组件适合掌控视觉细节与交互组合", "project_boundary": "需要补齐 CSS、设计令牌及业务组件，不是整套视觉模板", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "community", "url": "https://github.com/polvallverdu/base-ui-mcp", "capability": "社区 MCP 提供 Base UI 上下文；官网另有 llms.txt", "boundary": "MUI 的官方 MCP 不自动等于覆盖 Base UI；此入口为第三方", "command": "", "label": "社区 MCP", "level": "docs", "llms": "https://base-ui.com/llms.txt", "skills": null, "note": "", "sources": [ { "label": "MCP 接入说明", "url": "https://github.com/polvallverdu/base-ui-mcp", "kind": "community" }, { "label": "官方 LLM 文档", "url": "https://base-ui.com/llms.txt", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/mui/base-ui/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "Base UI mui/base-ui official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-20.json" }, "image": "assets/20.webp", "thumbnail": "assets/20-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "React", "families": [ "React" ], "type": "无样式与源码", "editorial": { "summary": "Base UI 是 React 的无样式组件基础，适合把可靠的交互行为与自己的设计语言结合。它提供组件逻辑和结构，视觉部分由项目自己实现。", "features": [ "表单控件、菜单和弹层可以按需求组合，不强制使用 Material 外观。", "兼顾焦点、键盘与可访问性行为，减少重复写底层逻辑。", "适合自建设计系统；需要额外完成样式、主题和业务页面。" ], "sources": [ { "label": "项目介绍", "url": "https://base-ui.com/" }, { "label": "源码与许可", "url": "https://github.com/mui/base-ui" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "接入页未标注独立服务价格；具体客户端与所调用的模型费用另计。", "sources": [ { "label": "组件与许可", "url": "https://github.com/mui/base-ui" } ] }, "motion": null }, { "id": 21, "name": "Headless UI", "category": "源码与无样式底座", "framework": "React / Vue", "repo": "tailwindlabs/headlessui", "url": "https://headlessui.com/", "note": "无样式交互组件，常与 Tailwind CSS 搭配。", "stars": 28741, "canonical_repo": "tailwindlabs/headlessui", "github": "https://github.com/tailwindlabs/headlessui", "archived": false, "description": "Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.", "homepage": "https://headlessui.com", "license": "MIT", "pushed_at": "2026-04-13T16:12:31Z", "fetched_at": "2026-09-14T14:33:11.247236+00:00", "star_source": "GitHub REST API", "screenshot": "assets/21.png", "screenshot_source": "https://headlessui.com/", "screenshot_kind": "官网首屏 / 官方展示页", "projects": "定制官网导航；登录注册弹层；小型 SaaS 的选择与弹窗模块", "project_reason": "无样式菜单、对话框等适合和自己设计的 Tailwind 外观组合", "project_boundary": "不以复杂表格和图表全套覆盖见长，需要按具体模块配库", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "unconfirmed", "url": "https://github.com/tailwindlabs/headlessui", "capability": "可把官方文档、README 与具体组件源码提供给 AI；本轮未确认专用 MCP。", "boundary": "检索未找到不等于不存在；普通源码可读不等于已提供 AI 专用工具。", "command": "", "label": "未确认专用 MCP", "level": "standard", "llms": null, "skills": null, "note": "", "sources": [ { "label": "官方文档 / 源码", "url": "https://github.com/tailwindlabs/headlessui", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/tailwindlabs/headlessui/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "Headless UI tailwindlabs/headlessui official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-21.json" }, "image": "assets/21.webp", "thumbnail": "assets/21-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "React", "families": [ "React" ], "type": "无样式与源码", "editorial": { "summary": "Headless UI 是 Tailwind 团队维护的无样式交互组件，支持 React 与 Vue。适合已经使用 Tailwind、希望自行决定外观但保留现成交互逻辑的项目。", "features": [ "菜单、对话框、列表框等提供状态与键盘交互。", "可以用 Tailwind 类或自有 CSS 设计完全不同的视觉。", "组件种类相对聚焦，需要配合布局、图表和其他业务控件。" ], "sources": [ { "label": "项目介绍", "url": "https://headlessui.com/" }, { "label": "源码与许可", "url": "https://github.com/tailwindlabs/headlessui" } ] }, "pricing": { "kind": "mixed", "label": "免费 + 付费", "free": "Headless UI 的 React / Vue 交互组件免费。", "paid": "同团队的 Tailwind Plus 成品区块和模板另售，不是使用 Headless UI 的必要条件。", "mcp": "未提供明确的专用 MCP 入口。", "sources": [ { "label": "组件与许可", "url": "https://github.com/tailwindlabs/headlessui" }, { "label": "免费与付费范围", "url": "https://tailwindcss.com/plus" } ] }, "motion": { "kind": "included", "label": "含动画组件", "effects": [ "进出场", "弹层过渡" ], "description": "Transition 能把显示状态与 CSS 动画连接起来，适合菜单、弹窗和面板的进入退出。需要自己定义具体的动画样式。", "url": "https://headlessui.com/react/transition" } }, { "id": 22, "name": "React Aria", "category": "源码与无样式底座", "framework": "React", "repo": "adobe/react-spectrum", "url": "https://react-spectrum.adobe.com/react-aria/", "note": "无样式组件与无障碍交互工具；Star 为 React Spectrum 共用仓库总数。", "stars": 15868, "canonical_repo": "adobe/react-spectrum", "github": "https://github.com/adobe/react-spectrum", "archived": false, "description": "A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences.", "homepage": "https://react-spectrum.adobe.com", "license": "Apache-2.0", "pushed_at": "2026-09-14T01:01:43Z", "fetched_at": "2026-09-14T14:33:11.271426+00:00", "star_source": "GitHub REST API", "screenshot": "assets/22.png", "screenshot_source": "https://react-aria.adobe.com/", "screenshot_kind": "官网首屏 / 官方展示页", "projects": "重视键盘操作与国际化的业务系统；公共服务表单；自建设计系统", "project_reason": "行为基础及无障碍导向适合复杂输入和一致交互", "project_boundary": "采用后仍需真实无障碍验收，不能把库声明当作整个产品合规证明", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "official", "url": "https://react-aria.adobe.com/ai", "capability": "Adobe 官方 AI 页面提供 MCP、Agent Skills 与文档接入", "boundary": "React Aria 与 React Spectrum 文档分开；以当前接入页配置为准", "command": "", "label": "官方 MCP", "level": "tool", "llms": "https://react-aria.adobe.com/llms.txt", "skills": "https://react-aria.adobe.com/ai", "note": "", "sources": [ { "label": "MCP 接入说明", "url": "https://react-aria.adobe.com/ai", "kind": "official" }, { "label": "官方 LLM 文档", "url": "https://react-aria.adobe.com/llms.txt", "kind": "official" }, { "label": "官方 AI 工作流 / Skills", "url": "https://react-aria.adobe.com/ai", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/adobe/react-spectrum/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "React Aria adobe/react-spectrum official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-22.json" }, "image": "assets/22.webp", "thumbnail": "assets/22-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "React", "families": [ "React" ], "type": "无样式与源码", "editorial": { "summary": "React Aria 来自 Adobe，重点是可访问性、交互和国际化，适合对键盘操作、屏幕阅读器和多语言体验要求较高的产品。", "features": [ "既有 Hooks，也有更容易组合的 React Aria Components。", "日期、选择、集合等复杂交互可在自定义样式下复用。", "适合自建设计系统与专业应用；无样式能力不等于已经完成视觉设计或整站无障碍验收。" ], "sources": [ { "label": "项目介绍", "url": "https://react-spectrum.adobe.com/react-aria/" }, { "label": "源码与许可", "url": "https://github.com/adobe/react-spectrum" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "接入页未标注独立服务价格；具体客户端与所调用的模型费用另计。", "sources": [ { "label": "组件与许可", "url": "https://github.com/adobe/react-spectrum" } ] }, "motion": null }, { "id": 23, "name": "Ark UI", "category": "源码与无样式底座", "framework": "React / Vue / Solid / Svelte", "repo": "chakra-ui/ark", "url": "https://ark-ui.com/", "note": "跨框架无样式组件体系，适合统一交互基础。", "stars": 5391, "canonical_repo": "chakra-ui/ark", "github": "https://github.com/chakra-ui/ark", "archived": false, "description": "Unstyled, accessible UI components for your design System. Works in React, Vue, Solid, and Svelte.", "homepage": "https://ark-ui.com", "license": "MIT", "pushed_at": "2026-09-14T06:08:41Z", "fetched_at": "2026-09-14T14:33:11.387878+00:00", "star_source": "GitHub REST API", "screenshot": "assets/23.png", "screenshot_source": "https://ark-ui.com/docs/components/accordion", "screenshot_kind": "官方组件文档 / 示例页", "projects": "React/Vue/Svelte 多团队共享交互规范；自定义组件平台", "project_reason": "跨框架提供相近的行为抽象，有利于统一交互模型", "project_boundary": "不是将同一份 JSX 自动转换为 Vue/Svelte，也不包含后端", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "official", "url": "https://ark-ui.com/docs/ai/mcp-server", "capability": "查组件、Props、示例和设计系统组件知识", "boundary": "需在 React、Vue、Solid、Svelte 中选对目标框架", "command": "npx -y @ark-ui/mcp", "label": "官方 MCP", "level": "tool", "llms": "https://ark-ui.com/llms.txt", "skills": null, "note": "", "sources": [ { "label": "MCP 接入说明", "url": "https://ark-ui.com/docs/ai/mcp-server", "kind": "official" }, { "label": "官方 LLM 文档", "url": "https://ark-ui.com/llms.txt", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/chakra-ui/ark/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "Ark UI chakra-ui/ark official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": null, "fullAudit": "research/search-23.json" }, "image": "assets/23.webp", "thumbnail": "assets/23-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "React", "families": [ "React", "Vue", "Solid", "Svelte" ], "type": "无样式与源码", "editorial": { "summary": "Ark UI 提供基于状态机的无样式组件，支持多个前端框架。适合希望在不同技术栈中保持相似交互逻辑，又要自行控制外观的团队。", "features": [ "把组件行为与视觉分开，便于接入自有主题和样式工具。", "多框架实现围绕相近的组件概念组织，方便团队迁移理解。", "适合设计系统基础；复制示例时要选对 React、Vue、Solid 或 Svelte 版本。" ], "sources": [ { "label": "项目介绍", "url": "https://ark-ui.com/" }, { "label": "源码与许可", "url": "https://github.com/chakra-ui/ark" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "接入页未标注独立服务价格；具体客户端与所调用的模型费用另计。", "sources": [ { "label": "组件与许可", "url": "https://github.com/chakra-ui/ark" } ] }, "motion": null }, { "id": 24, "name": "Park UI", "category": "源码与无样式底座", "framework": "React / Solid", "repo": "chakra-ui/park-ui", "url": "https://park-ui.com/", "note": "基于 Ark UI 的带样式组件，具体框架支持以当前文档为准。", "stars": 2367, "canonical_repo": "chakra-ui/park-ui", "github": "https://github.com/chakra-ui/park-ui", "archived": false, "description": "Beautifully designed components built with Ark UI and Panda CSS that work with a variety of JS frameworks.", "homepage": "https://park-ui.com", "license": "MIT", "pushed_at": "2026-04-10T23:05:11Z", "fetched_at": "2026-09-14T14:33:11.511327+00:00", "star_source": "GitHub REST API", "screenshot": "assets/24.png", "screenshot_source": "https://park-ui.com/", "screenshot_kind": "官网首屏 / 官方展示页", "projects": "有设计团队的 SaaS；React/Solid 自定义工作台", "project_reason": "Ark 交互底座与 Panda 样式帮助建立自己的组件系统", "project_boundary": "需要接受该样式与源码体系，不是往任意旧项目零配置粘贴", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "unconfirmed", "url": "https://www.npmjs.com/package/park-ui-mcp-server", "capability": "检索发现社区 Park UI MCP；官方仓库另有 AI 文档线索", "boundary": "包页面本轮访问受限，仅为检索线索，发布者和运行状态仍待核验", "command": "", "label": "未确认专用 MCP", "level": "standard", "llms": null, "skills": null, "note": "", "sources": [ { "label": "社区 MCP 检索线索（待核验）", "url": "https://www.npmjs.com/package/park-ui-mcp-server", "kind": "community" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/chakra-ui/park-ui/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "Park UI chakra-ui/park-ui official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-24.json" }, "image": "assets/24.webp", "thumbnail": "assets/24-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "React", "families": [ "React", "Solid" ], "type": "无样式与源码", "editorial": { "summary": "Park UI 在 Ark UI 的交互基础上提供可使用的设计风格，适合想要精简、统一外观，同时又希望能修改组件源码的项目。", "features": [ "基于无样式原语构建，保留较细的组件组合能力。", "围绕主题和样式规则组织，适合形成自己的组件系统。", "要按所选版本匹配 Panda CSS 等依赖与框架，不能直接当成所有项目的即插即用主题。" ], "sources": [ { "label": "项目介绍", "url": "https://park-ui.com/" }, { "label": "源码与许可", "url": "https://github.com/chakra-ui/park-ui" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "未提供明确的专用 MCP 入口。", "sources": [ { "label": "组件与许可", "url": "https://github.com/chakra-ui/park-ui" } ] }, "motion": null }, { "id": 25, "name": "Element Plus", "category": "Vue 组件生态", "framework": "Vue", "repo": "element-plus/element-plus", "url": "https://element-plus.org/en-US/", "note": "Vue 3 中后台常见选择，表单表格组件齐全。", "stars": 27759, "canonical_repo": "element-plus/element-plus", "github": "https://github.com/element-plus/element-plus", "archived": false, "description": "🎉 A Vue.js 3 UI Library made by Element team", "homepage": "https://element-plus.org", "license": "MIT", "pushed_at": "2026-09-13T12:57:40Z", "fetched_at": "2026-09-14T14:33:11.476128+00:00", "star_source": "GitHub REST API", "screenshot": "assets/25.png", "screenshot_source": "https://element-plus.org/en-US/component/button.html", "screenshot_kind": "官方组件文档 / 示例页", "projects": "Vue 3 ERP；员工/客户管理；活动报名管理后台", "project_reason": "Vue 企业表单、表格、日期等适合数据增删改查页面", "project_boundary": "任务看板拖拽、订单流程、预约冲突处理需另实现", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "community", "url": "https://github.com/yinxianwei/element-plus-mcp", "capability": "社区 MCP 查询 Element Plus 中文组件文档", "boundary": "官方 llms.txt 已确认；该 MCP 由第三方维护", "command": "", "label": "社区 MCP", "level": "docs", "llms": "https://element-plus.org/llms.txt", "skills": null, "note": "", "sources": [ { "label": "MCP 接入说明", "url": "https://github.com/yinxianwei/element-plus-mcp", "kind": "community" }, { "label": "官方 LLM 文档", "url": "https://element-plus.org/llms.txt", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/element-plus/element-plus/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "Element Plus element-plus/element-plus official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-25.json" }, "image": "assets/25.webp", "thumbnail": "assets/25-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "Vue", "families": [ "Vue" ], "type": "完整组件库", "editorial": { "summary": "Element Plus 面向 Vue 3，是企业后台常见的一套完整组件方案。表单、表格、树和弹窗等控件使用方式一致，适合快速组织数据管理页面。", "features": [ "业务表单与数据展示覆盖面广，适合后台 CRUD、筛选和配置。", "主题变量与国际化能力便于统一品牌和语言。", "适合管理后台；个性化营销页或移动原生体验不是它的主要方向。" ], "sources": [ { "label": "项目介绍", "url": "https://element-plus.org/en-US/" }, { "label": "源码与许可", "url": "https://github.com/element-plus/element-plus" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "接入页未标注独立服务价格；具体客户端与所调用的模型费用另计。", "sources": [ { "label": "组件与许可", "url": "https://github.com/element-plus/element-plus" } ] }, "motion": null }, { "id": 26, "name": "Naive UI", "category": "Vue 组件生态", "framework": "Vue", "repo": "tusen-ai/naive-ui", "url": "https://www.naiveui.com/en-US/os-theme/components/button", "note": "Vue 3 组件与主题定制体系。", "stars": 18540, "canonical_repo": "tusen-ai/naive-ui", "github": "https://github.com/tusen-ai/naive-ui", "archived": false, "description": "A Vue 3 Component Library. Fairly Complete. Theme Customizable. Uses TypeScript. Fast.", "homepage": "https://www.naiveui.com", "license": "MIT", "pushed_at": "2026-08-27T20:03:57Z", "fetched_at": "2026-09-14T14:33:11.560014+00:00", "star_source": "GitHub REST API", "screenshot": "assets/26.png", "screenshot_source": "https://www.naiveui.com/en-US/os-theme/components/button", "screenshot_kind": "官方组件文档 / 示例页", "projects": "品牌定制 Vue 管理工具；多主题数据工作台；AI 服务控制台", "project_reason": "组件与主题可配置，适合后台与定制视觉兼顾的产品", "project_boundary": "SSR 样式和大数据图表需单独集成验证", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "unconfirmed", "url": "https://github.com/tusen-ai/naive-ui", "capability": "可把官方文档、README 与具体组件源码提供给 AI；本轮未确认专用 MCP。", "boundary": "检索未找到不等于不存在；普通源码可读不等于已提供 AI 专用工具。", "command": "", "label": "未确认专用 MCP", "level": "standard", "llms": null, "skills": null, "note": "查到官方仓库关于 MCP / llms.txt 的需求讨论；提议不等于发布，未确认独立官方服务。", "sources": [ { "label": "官方文档 / 源码", "url": "https://github.com/tusen-ai/naive-ui", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/tusen-ai/naive-ui/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "Naive UI tusen-ai/naive-ui official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": null, "fullAudit": "research/search-26.json" }, "image": "assets/26.webp", "thumbnail": "assets/26-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "Vue", "families": [ "Vue" ], "type": "完整组件库", "editorial": { "summary": "Naive UI 是面向 Vue 3、以 TypeScript 为基础的组件库，适合现代管理后台和工具类应用。主题配置集中，便于保持明暗模式与控件样式的一致性。", "features": [ "输入、选择、表格、树、弹窗等常见业务组件齐全。", "主题覆盖可以直接通过配置调整，不必逐个覆盖零散样式。", "适合需要灵活主题的 Vue 产品；业务数据模型和流程依然需要自行实现。" ], "sources": [ { "label": "项目介绍", "url": "https://www.naiveui.com/en-US/os-theme/components/button" }, { "label": "源码与许可", "url": "https://github.com/tusen-ai/naive-ui" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "未提供明确的专用 MCP 入口。", "sources": [ { "label": "组件与许可", "url": "https://github.com/tusen-ai/naive-ui" } ] }, "motion": null }, { "id": 27, "name": "PrimeVue", "category": "Vue 组件生态", "framework": "Vue", "repo": "primefaces/primevue", "url": "https://primevue.org/", "note": "综合 Vue UI 库，适合数据和业务应用。", "stars": 14459, "canonical_repo": "primefaces/primevue", "github": "https://github.com/primefaces/primevue", "archived": false, "description": "Next Generation Vue UI Component Library", "homepage": "https://primevue.org", "license": "旧版 MIT / 新版 PrimeUI License", "pushed_at": "2026-09-05T21:54:37Z", "fetched_at": "2026-09-14T14:33:11.643124+00:00", "star_source": "GitHub REST API", "screenshot": "assets/27.png", "screenshot_source": "https://primevue.dev/", "screenshot_kind": "官网首屏 / 官方展示页", "projects": "Vue 库存订单系统；数据分析后台；企业服务平台", "project_reason": "综合组件覆盖适合业务数据输入、筛选和展示", "project_boundary": "数据分析算法与报表导出服务另做，高级周边授权另查", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "official", "url": "https://primevue.dev/mcp/", "capability": "检索组件 Props、事件、slots、主题和示例", "boundary": "需匹配当前 PrimeVue 版本", "command": "npx -y @primevue/mcp", "label": "官方 MCP", "level": "tool", "llms": null, "skills": null, "note": "", "sources": [ { "label": "MCP 接入说明", "url": "https://primevue.dev/mcp/", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/primefaces/primevue/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "PrimeVue primefaces/primevue official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-27.json" }, "image": "assets/27.webp", "thumbnail": "assets/27-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "Vue", "families": [ "Vue" ], "type": "完整组件库", "editorial": { "summary": "PrimeVue 是 Prime 家族的 Vue 组件套件，适合表格、筛选和多种输入控件较多的应用。提供不同层级的样式与组合能力，可以从现成主题逐步过渡到自定义。", "features": [ "数据表、树、菜单和表单能覆盖大量后台场景。", "设计令牌与组件样式配置便于统一视觉，而不只套一张页面模板。", "v4 及以前的 MIT 版本与新版授权不同，新项目和升级项目应分别选择。" ], "sources": [ { "label": "项目介绍", "url": "https://primevue.org/" }, { "label": "源码与许可", "url": "https://github.com/primefaces/primevue" } ] }, "pricing": { "kind": "conditional", "label": "有条件免费 / 付费", "free": "PrimeVue v4 及此前已发布的 MIT 版本仍可免费使用。新版 Community 对符合资格的个人与小型组织免费。", "paid": "新版超出 Community 资格的组织需要商业授权；Pro 组件、模板、设计工具与高级支持也另有收费。", "mcp": "MCP 包含在 PrimeUI 授权内；符合 Community 资格可随免费方案使用，否则按商业授权。", "sources": [ { "label": "方案与收费", "url": "https://primeui.dev/pricing" }, { "label": "Community 免费资格", "url": "https://primeui.dev/licenses/community" }, { "label": "旧版 MIT 范围", "url": "https://primeui.dev/security" } ], "eligibility": "组织须同时满足：开发者少于 5 人、员工少于 10 人、年收入低于 100 万美元、外部融资不超过许可规定的 300 万美元门槛。Community 需注册，并每年确认资格续期。" }, "motion": null }, { "id": 28, "name": "Vuetify", "category": "Vue 组件生态", "framework": "Vue", "repo": "vuetifyjs/vuetify", "url": "https://vuetifyjs.com/en/", "note": "Vue 的 Material Design 组件体系。", "stars": 41037, "canonical_repo": "vuetifyjs/vuetify", "github": "https://github.com/vuetifyjs/vuetify", "archived": false, "description": "🐉 Vue Component Framework", "homepage": "https://vuetifyjs.com", "license": "NOASSERTION", "pushed_at": "2026-09-14T12:00:42Z", "fetched_at": "2026-09-14T14:33:11.677145+00:00", "star_source": "GitHub REST API", "screenshot": "assets/28.png", "screenshot_source": "https://vuetifyjs.com/en/components/buttons/#usage", "screenshot_kind": "官方组件文档 / 示例页", "projects": "Material 风格 Vue 管理平台；会员中心；内部服务 App 网页端", "project_reason": "设计体系完整，适合希望全站视觉统一的产品", "project_boundary": "不要将 Vue 网页组件当作 iOS 原生控件", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "official", "url": "https://0.vuetifyjs.com/guide/tooling/vuetify-mcp", "capability": "官方托管服务查询 Vuetify 3/4 与 v0 文档、API 和升级指导", "boundary": "公开 /mcp 文档端点无需登录；Vuetify One 生态端点另需 OAuth", "command": "https://mcp.vuetifyjs.com/mcp", "label": "官方 MCP", "level": "tool", "llms": "https://vuetifyjs.com/llms.txt", "skills": null, "note": "", "sources": [ { "label": "MCP 接入说明", "url": "https://0.vuetifyjs.com/guide/tooling/vuetify-mcp", "kind": "official" }, { "label": "官方 LLM 文档", "url": "https://vuetifyjs.com/llms.txt", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/vuetifyjs/vuetify/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "Vuetify vuetifyjs/vuetify official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-28.json" }, "image": "assets/28.webp", "thumbnail": "assets/28-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "Vue", "families": [ "Vue" ], "type": "完整组件库", "editorial": { "summary": "Vuetify 把 Material Design 体系带到 Vue，适合希望界面保持明确视觉规范的应用。组件、布局和主题共同工作，能较快形成完整产品外观。", "features": [ "网格、导航、表单与数据展示围绕统一设计语言组织。", "主题令牌和明暗模式适合长期维护多页面应用。", "适合业务系统和工具产品；商店模板与核心组件的许可需要分开看。" ], "sources": [ { "label": "项目介绍", "url": "https://vuetifyjs.com/en/" }, { "label": "源码与许可", "url": "https://github.com/vuetifyjs/vuetify" } ] }, "pricing": { "kind": "mixed", "label": "免费 + 付费", "free": "Vuetify 核心组件免费；商店也有免费主题与设计资源。", "paid": "部分商店模板、商业用途授权及附加服务收费，按具体资源选择。", "mcp": "公开文档 MCP 无需登录；Vuetify One 等账户关联入口另需认证。", "sources": [ { "label": "组件与许可", "url": "https://github.com/vuetifyjs/vuetify" }, { "label": "免费与付费范围", "url": "https://store.vuetifyjs.com/pages/licensing-information" } ] }, "motion": { "kind": "included", "label": "含动画组件", "effects": [ "淡入", "缩放", "展开" ], "description": "内置多种过渡组件，可用于内容展开、视图切换和控件进出场。适合保持 Material 风格的应用动效。", "url": "https://vuetifyjs.com/en/styles/transitions/" } }, { "id": 29, "name": "Quasar", "category": "Vue 组件生态", "framework": "Vue", "repo": "quasarframework/quasar", "url": "https://quasar.dev/", "note": "含大量组件的应用框架；范围超过单纯 UI 库。", "stars": 27210, "canonical_repo": "quasarframework/quasar", "github": "https://github.com/quasarframework/quasar", "archived": false, "description": "Quasar Framework - Build high-performance VueJS user interfaces in record time", "homepage": "https://quasar.dev", "license": "MIT", "pushed_at": "2026-09-14T12:55:48Z", "fetched_at": "2026-09-14T14:33:11.763993+00:00", "star_source": "GitHub REST API", "screenshot": "assets/29.png", "screenshot_source": "https://quasar.dev/vue-components/button/", "screenshot_kind": "官方组件文档 / 示例页", "projects": "商户管理多端应用；巡检/录入工具；需要 Web/PWA/移动封装的 Vue 产品", "project_reason": "应用框架提供多种构建目标，有利于复用 Web 代码", "project_boundary": "移动封装仍是 Web 路线；相机、离线同步等业务需额外集成", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "community", "url": "https://github.com/aliaks-ei/quasar-docs-mcp", "capability": "社区 MCP 提供 Quasar 文档查询", "boundary": "官方仓库中的 MCP 提议不等于已发布官方服务", "command": "", "label": "社区 MCP", "level": "docs", "llms": "https://quasar.dev/llms.txt", "skills": null, "note": "", "sources": [ { "label": "MCP 接入说明", "url": "https://github.com/aliaks-ei/quasar-docs-mcp", "kind": "community" }, { "label": "官方 LLM 文档", "url": "https://quasar.dev/llms.txt", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/quasarframework/quasar/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "Quasar quasarframework/quasar official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-29.json" }, "image": "assets/29.webp", "thumbnail": "assets/29-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "Vue", "families": [ "Vue" ], "type": "完整组件库", "editorial": { "summary": "Quasar 不只是 Vue 组件库，也提供应用构建工具链。适合希望用 Vue 同时覆盖 Web、PWA，以及基于容器的移动或桌面应用的项目。", "features": [ "组件与 CLI、构建模式配套，减少跨平台工程配置的起点工作。", "同一产品可面向多个发布目标，但各平台仍有自己的能力边界。", "适合应用型产品；平台插件、原生能力和商店发布需要额外处理。" ], "sources": [ { "label": "项目介绍", "url": "https://quasar.dev/" }, { "label": "源码与许可", "url": "https://github.com/quasarframework/quasar" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "接入页未标注独立服务价格；具体客户端与所调用的模型费用另计。", "sources": [ { "label": "组件与许可", "url": "https://github.com/quasarframework/quasar" } ] }, "motion": null }, { "id": 30, "name": "Nuxt UI", "category": "Vue 组件生态", "framework": "Vue / Nuxt", "repo": "nuxt/ui", "url": "https://ui.nuxt.com/", "note": "Vue 与 Nuxt 的组件体系，适合该生态的应用开发。", "stars": 6918, "canonical_repo": "nuxt/ui", "github": "https://github.com/nuxt/ui", "archived": false, "description": "The Intuitive Vue UI Library powered by Reka UI & Tailwind CSS.", "homepage": "https://ui.nuxt.com", "license": "MIT", "pushed_at": "2026-09-14T11:03:24Z", "fetched_at": "2026-09-14T14:33:11.916183+00:00", "star_source": "GitHub REST API", "screenshot": "assets/30.png", "screenshot_source": "https://ui.nuxt.com/", "screenshot_kind": "官网首屏 / 官方展示页", "projects": "Nuxt 内容网站 + 会员中心；文档站 + SaaS 控制台；SEO 导向产品官网", "project_reason": "适合同一项目中连接服务端渲染内容与交互式应用页面", "project_boundary": "会员权限、订阅和数据库不是 UI 库自带业务功能", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "official", "url": "https://ui.nuxt.com/docs/getting-started/ai/mcp", "capability": "查询组件、元数据、示例与图标；提供官方 Skills", "boundary": "远程 Streamable HTTP；文档入口与项目版本仍需对应", "command": "https://ui.nuxt.com/mcp", "label": "官方 MCP", "level": "tool", "llms": "https://ui.nuxt.com/llms.txt", "skills": "https://ui.nuxt.com/llms.txt", "note": "", "sources": [ { "label": "MCP 接入说明", "url": "https://ui.nuxt.com/docs/getting-started/ai/mcp", "kind": "official" }, { "label": "官方 LLM 文档", "url": "https://ui.nuxt.com/llms.txt", "kind": "official" }, { "label": "官方 AI 工作流 / Skills", "url": "https://ui.nuxt.com/llms.txt", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/nuxt/ui/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "Nuxt UI nuxt/ui official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-30.json" }, "image": "assets/30.webp", "thumbnail": "assets/30-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "Vue", "families": [ "Vue" ], "type": "完整组件库", "editorial": { "summary": "Nuxt UI 是面向 Vue 与 Nuxt 的完整组件体系，结合 Tailwind、交互原语和设计令牌。既能做应用后台，也能组织内容站和产品官网。", "features": [ "基础控件、页面布局和应用组件可以使用同一套主题。", "可用于 Nuxt，也有纯 Vue 项目的接入方式。", "v4 已合并原 Pro 能力并采用 MIT，不能沿用旧版“UI Pro 必须购买”的印象。" ], "sources": [ { "label": "项目介绍", "url": "https://ui.nuxt.com/" }, { "label": "源码与许可", "url": "https://github.com/nuxt/ui" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "Nuxt UI v4（含原 UI Pro 合并的组件）采用 MIT，可免费使用。", "paid": "使用当前组件库本身无需购买旧版 UI Pro 授权。", "mcp": "接入页未标注独立服务价格；具体客户端与所调用的模型费用另计。", "sources": [ { "label": "组件与许可", "url": "https://github.com/nuxt/ui" }, { "label": "Nuxt UI v4", "url": "https://ui.nuxt.com/docs/getting-started/migration/v4" } ] }, "motion": null }, { "id": 31, "name": "Ant Design Vue", "category": "Vue 组件生态", "framework": "Vue", "repo": "vueComponent/ant-design-vue", "url": "https://antdv.com/components/overview", "note": "Ant Design 视觉与交互体系的 Vue 实现。", "stars": 21649, "canonical_repo": "vueComponent/ant-design-vue", "github": "https://github.com/vueComponent/ant-design-vue", "archived": false, "description": "🌈 An enterprise-class UI components based on Ant Design and Vue. 🐜", "homepage": "https://antdv.com/", "license": "NOASSERTION", "pushed_at": "2026-09-11T02:55:06Z", "fetched_at": "2026-09-14T14:33:11.916334+00:00", "star_source": "GitHub REST API", "screenshot": "assets/31.png", "screenshot_source": "https://antdv.com/components/overview", "screenshot_kind": "官网首屏 / 官方展示页", "projects": "Vue CRM；审批工单；Ant Design 风格运营后台", "project_reason": "在 Vue 架构内复用熟悉的企业设计语言", "project_boundary": "不能直接混入 React 版本组件，拖拽排程和权限另做", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "community", "url": "https://github.com/yyues/antdv-mcp", "capability": "社区 MCP 提供 Ant Design Vue v3/v4 文档查询", "boundary": "不等同于 React Ant Design 的官方 MCP", "command": "", "label": "社区 MCP", "level": "community", "llms": null, "skills": null, "note": "", "sources": [ { "label": "MCP 接入说明", "url": "https://github.com/yyues/antdv-mcp", "kind": "community" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/vueComponent/ant-design-vue/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "Ant Design Vue vueComponent/ant-design-vue official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-31.json" }, "image": "assets/31.webp", "thumbnail": "assets/31-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "Vue", "families": [ "Vue" ], "type": "完整组件库", "editorial": { "summary": "Ant Design Vue 把 Ant Design 的企业产品语言带到 Vue，适合以表格、表单和操作流程为主的中后台应用。", "features": [ "数据录入、导航、反馈和展示控件风格统一。", "主题与国际化配置便于搭建跨页面管理系统。", "它是独立的 Vue 实现，版本和 API 不应照搬 React Ant Design 文档。" ], "sources": [ { "label": "项目介绍", "url": "https://antdv.com/components/overview" }, { "label": "源码与许可", "url": "https://github.com/vueComponent/ant-design-vue" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "接入页未标注独立服务价格；具体客户端与所调用的模型费用另计。", "sources": [ { "label": "组件与许可", "url": "https://github.com/vueComponent/ant-design-vue" } ] }, "motion": null }, { "id": 32, "name": "Arco Design Vue", "category": "Vue 组件生态", "framework": "Vue", "repo": "arco-design/arco-design-vue", "url": "https://arco.design/vue/en-US/component/button", "note": "Arco Design 的 Vue 组件实现，与 React 仓库分开计数。", "stars": 3106, "canonical_repo": "arco-design/arco-design-vue", "github": "https://github.com/arco-design/arco-design-vue", "archived": false, "description": "A Vue.js 3 UI Library based on Arco Design", "homepage": "https://arco.design/vue", "license": "MIT", "pushed_at": "2026-06-24T03:21:22Z", "fetched_at": "2026-09-14T14:33:11.961386+00:00", "star_source": "GitHub REST API", "screenshot": "assets/32.png", "screenshot_source": "https://arco.design/vue/en-US/component/button", "screenshot_kind": "官方组件文档 / 示例页", "projects": "Vue 企业控制台；多模块业务后台；运营配置平台", "project_reason": "主题与企业组件帮助统一不同模块", "project_boundary": "维护节奏与 React 版分开判断；不是 React API 的替换包", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "unconfirmed", "url": "https://github.com/arco-design/arco-design-vue", "capability": "可把官方文档、README 与具体组件源码提供给 AI；本轮未确认专用 MCP。", "boundary": "检索未找到不等于不存在；普通源码可读不等于已提供 AI 专用工具。", "command": "", "label": "未确认专用 MCP", "level": "standard", "llms": null, "skills": null, "note": "官方仓库存在 MCP 需求 issue，尚不足以证明已经提供服务。", "sources": [ { "label": "官方文档 / 源码", "url": "https://github.com/arco-design/arco-design-vue", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/arco-design/arco-design-vue/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "Arco Design Vue arco-design/arco-design-vue official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-32.json" }, "image": "assets/32.webp", "thumbnail": "assets/32-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "Vue", "families": [ "Vue" ], "type": "完整组件库", "editorial": { "summary": "Arco Design Vue 提供面向企业应用的 Vue 组件与设计体系。适合需要较完整后台控件，同时希望统一品牌和交互细节的项目。", "features": [ "表单、表格、弹层和树等控件能组合复杂业务页面。", "主题相关工具支持对组件视觉进行集中调整。", "适合运营与管理平台；React 示例不一定能直接迁移到 Vue 版本。" ], "sources": [ { "label": "项目介绍", "url": "https://arco.design/vue/en-US/component/button" }, { "label": "源码与许可", "url": "https://github.com/arco-design/arco-design-vue" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "未提供明确的专用 MCP 入口。", "sources": [ { "label": "组件与许可", "url": "https://github.com/arco-design/arco-design-vue" } ] }, "motion": null }, { "id": 33, "name": "Vant", "category": "Vue 组件生态", "framework": "Vue / 移动 Web", "repo": "youzan/vant", "url": "https://vant-ui.github.io/vant/", "note": "以移动网页组件为主，不是桌面后台的直接替代。", "stars": 24381, "canonical_repo": "youzan/vant", "github": "https://github.com/youzan/vant", "archived": false, "description": "A lightweight, customizable Vue UI library for mobile web apps.", "homepage": "https://vant.pro/vant/", "license": "MIT", "pushed_at": "2026-09-14T00:50:43Z", "fetched_at": "2026-09-14T14:33:11.990607+00:00", "star_source": "GitHub REST API", "screenshot": "assets/33.png", "screenshot_source": "https://vant-ui.github.io/vant/#/zh-CN/button", "screenshot_kind": "官方组件文档 / 示例页", "projects": "手机网页预约报名；H5 商城；微信内活动页与用户中心", "project_reason": "触屏和小屏组件更贴近手机输入、确认和选择流程", "project_boundary": "这是移动 Web，不是 SwiftUI/React Native；支付和 WebView 桥接另做", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "unconfirmed", "url": "https://github.com/youzan/vant", "capability": "可把官方文档、README 与具体组件源码提供给 AI；本轮未确认专用 MCP。", "boundary": "检索未找到不等于不存在；普通源码可读不等于已提供 AI 专用工具。", "command": "", "label": "未确认专用 MCP", "level": "standard", "llms": null, "skills": null, "note": "", "sources": [ { "label": "官方文档 / 源码", "url": "https://github.com/youzan/vant", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/youzan/vant/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "Vant youzan/vant official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-33.json" }, "image": "assets/33.webp", "thumbnail": "assets/33-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "Vue", "families": [ "Vue" ], "type": "完整组件库", "editorial": { "summary": "Vant 是面向移动 Web 的 Vue 组件库，重点是触屏表单、列表、弹层与业务控件。适合手机浏览器、H5 活动页和嵌入式网页。", "features": [ "动作面板、日期选择、下拉刷新和列表等更贴近移动操作。", "商品、地址、优惠券等组件可用于电商类界面的起点。", "它运行在 Web 页面中，不是原生 iOS 或 Android 控件库。" ], "sources": [ { "label": "项目介绍", "url": "https://vant-ui.github.io/vant/" }, { "label": "源码与许可", "url": "https://github.com/youzan/vant" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "未提供明确的专用 MCP 入口。", "sources": [ { "label": "组件与许可", "url": "https://github.com/youzan/vant" } ] }, "motion": null }, { "id": 34, "name": "TDesign Vue Next", "category": "Vue 组件生态", "framework": "Vue", "repo": "Tencent/tdesign-vue-next", "url": "https://tdesign.tencent.com/vue-next/overview", "note": "腾讯设计体系的 Vue 3 组件库。", "stars": 2177, "canonical_repo": "Tencent/tdesign-vue-next", "github": "https://github.com/Tencent/tdesign-vue-next", "archived": false, "description": "A Vue3.x UI components lib for TDesign.", "homepage": "https://tdesign.tencent.com/vue-next", "license": "MIT", "pushed_at": "2026-09-14T12:19:08Z", "fetched_at": "2026-09-14T14:33:12.095500+00:00", "star_source": "GitHub REST API", "screenshot": "assets/34.png", "screenshot_source": "https://tdesign.tencent.com/vue-next/overview", "screenshot_kind": "官网首屏 / 官方展示页", "projects": "Vue 3 企业后台；管理门户；腾讯风格内部工具", "project_reason": "统一设计语言适合常见表格、输入、反馈组件的组合", "project_boundary": "业务规则与权限模型独立实现；注意对应 Vue 3 版本", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "official", "url": "https://tdesign.tencent.com/vue-next/mcp", "capability": "查询 TDesign 组件文档、DOM、组件列表与更新日志", "boundary": "必须选对 Vue Next 等框架目标", "command": "npx -y tdesign-mcp-server", "label": "官方 MCP", "level": "tool", "llms": null, "skills": null, "note": "", "sources": [ { "label": "MCP 接入说明", "url": "https://tdesign.tencent.com/vue-next/mcp", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/Tencent/tdesign-vue-next/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "TDesign Vue Next Tencent/tdesign-vue-next official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-34.json" }, "image": "assets/34.webp", "thumbnail": "assets/34-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "Vue", "families": [ "Vue" ], "type": "完整组件库", "editorial": { "summary": "TDesign Vue Next 是腾讯 TDesign 的 Vue 3 实现，面向企业应用的一致设计与研发。适合要在团队内部统一控件与交互规范的产品。", "features": [ "常见数据展示、输入、导航与反馈都有成套组件。", "设计令牌与主题定制可以落到具体组件样式。", "适合管理平台；TDesign 不同框架和移动版本需要分别接入。" ], "sources": [ { "label": "项目介绍", "url": "https://tdesign.tencent.com/vue-next/overview" }, { "label": "源码与许可", "url": "https://github.com/Tencent/tdesign-vue-next" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "接入页未标注独立服务价格；具体客户端与所调用的模型费用另计。", "sources": [ { "label": "组件与许可", "url": "https://github.com/Tencent/tdesign-vue-next" } ] }, "motion": null }, { "id": 35, "name": "shadcn-vue", "category": "Vue 组件生态", "framework": "Vue", "repo": "unovue/shadcn-vue", "url": "https://www.shadcn-vue.com/", "note": "面向 Vue 的 shadcn 风格可复制源码组件。", "stars": 10584, "canonical_repo": "unovue/shadcn-vue", "github": "https://github.com/unovue/shadcn-vue", "archived": false, "description": "Vue port of shadcn-ui", "homepage": "https://shadcn-vue.com", "license": "MIT", "pushed_at": "2026-09-10T19:01:44Z", "fetched_at": "2026-09-14T14:33:12.208092+00:00", "star_source": "GitHub REST API", "screenshot": "assets/35.png", "screenshot_source": "https://www.shadcn-vue.com/", "screenshot_kind": "官网首屏 / 官方展示页", "projects": "Vue 品牌化 SaaS；自定义任务工作台；账号设置中心", "project_reason": "复制源码后可以按自身业务卡片和表单调整", "project_boundary": "任务拖拽和数据同步另做，源码升级需自己合并", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "registry", "url": "https://www.shadcn-vue.com/docs/mcp", "capability": "官网说明使用 registry MCP 搜索、查看与安装组件", "boundary": "按 shadcn-vue 官方设置配置 Vue registry，避免误装 React 组件", "command": "", "label": "官方推荐 Registry MCP", "level": "tool", "llms": "https://www.shadcn-vue.com/llms.txt", "skills": "https://www.shadcn-vue.com/docs/skills", "note": "", "sources": [ { "label": "MCP 接入说明", "url": "https://www.shadcn-vue.com/docs/mcp", "kind": "official" }, { "label": "官方 LLM 文档", "url": "https://www.shadcn-vue.com/llms.txt", "kind": "official" }, { "label": "官方 AI 工作流 / Skills", "url": "https://www.shadcn-vue.com/docs/skills", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/unovue/shadcn-vue/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "shadcn-vue unovue/shadcn-vue official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-35.json" }, "image": "assets/35.webp", "thumbnail": "assets/35-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "Vue", "families": [ "Vue" ], "type": "无样式与源码", "editorial": { "summary": "shadcn-vue 将可复制源码的组件组织方式带到 Vue，适合想用现成基础又要掌控每个细节的团队。", "features": [ "通过 CLI 与 registry 把组件加入自己的代码库。", "结合 Vue 交互原语与 Tailwind，可逐步形成自己的设计系统。", "适合品牌化应用；需要自行维护已修改的组件，并使用 Vue 专用示例。" ], "sources": [ { "label": "项目介绍", "url": "https://www.shadcn-vue.com/" }, { "label": "源码与许可", "url": "https://github.com/unovue/shadcn-vue" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "shadcn registry MCP 工具本身可免费使用；访问收费 registry 或 Pro 资源仍需对应授权。", "sources": [ { "label": "组件与许可", "url": "https://github.com/unovue/shadcn-vue" } ] }, "motion": null }, { "id": 36, "name": "Reka UI", "category": "Vue 组件生态", "framework": "Vue", "repo": "unovue/reka-ui", "url": "https://reka-ui.com/", "note": "原 Radix Vue；无样式底座，不与旧名称重复计数。", "stars": 6792, "canonical_repo": "unovue/reka-ui", "github": "https://github.com/unovue/reka-ui", "archived": false, "description": "An open-source UI component library for building high-quality, accessible design systems and web apps for Vue. Previously Radix Vue", "homepage": "https://reka-ui.com", "license": "MIT", "pushed_at": "2026-09-14T08:54:58Z", "fetched_at": "2026-09-14T14:33:12.224591+00:00", "star_source": "GitHub REST API", "screenshot": "assets/36.png", "screenshot_source": "https://reka-ui.com/", "screenshot_kind": "官网首屏 / 官方展示页", "projects": "Vue 自建设计系统；自定义选择器与弹层；强品牌官网", "project_reason": "无样式交互组件便于把自己的设计落实为可复用行为", "project_boundary": "需要自己写样式和业务组合，不是现成网站模板", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "unconfirmed", "url": "https://github.com/unovue/reka-ui", "capability": "可把官方文档、README 与具体组件源码提供给 AI；本轮未确认专用 MCP。", "boundary": "检索未找到不等于不存在；普通源码可读不等于已提供 AI 专用工具。", "command": "", "label": "未确认专用 MCP", "level": "docs", "llms": "https://reka-ui.com/llms.txt", "skills": null, "note": "官网提供 LLM 文档；官方仓库存在 MCP 需求讨论，未把讨论当发布。", "sources": [ { "label": "官方文档 / 源码", "url": "https://github.com/unovue/reka-ui", "kind": "official" }, { "label": "官方 LLM 文档", "url": "https://reka-ui.com/llms.txt", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/unovue/reka-ui/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "Reka UI unovue/reka-ui official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-36.json" }, "image": "assets/36.webp", "thumbnail": "assets/36-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "Vue", "families": [ "Vue" ], "type": "无样式与源码", "editorial": { "summary": "Reka UI 是 Vue 的无样式交互组件基础，前身为 Radix Vue。适合从底层搭建自己的组件系统，同时复用键盘、焦点和状态行为。", "features": [ "对话框、下拉、选择器等复杂交互被拆成可组合部件。", "外观不被预设主题绑定，能配合不同 CSS 方案。", "适合设计系统与源码组件库；仍需自己完成品牌样式与页面结构。" ], "sources": [ { "label": "项目介绍", "url": "https://reka-ui.com/" }, { "label": "源码与许可", "url": "https://github.com/unovue/reka-ui" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "官方 AI 文档可公开读取；没有明确的专用 MCP 入口。", "sources": [ { "label": "组件与许可", "url": "https://github.com/unovue/reka-ui" } ] }, "motion": null }, { "id": 37, "name": "Skeleton", "category": "Svelte 组件生态", "framework": "React / Svelte；其他框架可用 CSS 层", "repo": "skeletonlabs/skeleton", "url": "https://www.skeleton.dev/", "note": "Tailwind 设计系统；当前官网注明功能组件支持 React 与 Svelte，Vue / Solid / Astro 等可使用设计样式层。", "stars": 6060, "canonical_repo": "skeletonlabs/skeleton", "github": "https://github.com/skeletonlabs/skeleton", "archived": false, "description": "Skeleton is an adaptive design system powered by Tailwind CSS.", "homepage": "https://skeleton.dev", "license": "MIT", "pushed_at": "2026-09-14T11:09:26Z", "fetched_at": "2026-09-14T14:33:12.270794+00:00", "star_source": "GitHub REST API", "screenshot": "assets/37.png", "screenshot_source": "https://www.skeleton.dev/docs/svelte/tailwind-components/buttons", "screenshot_kind": "官方组件文档 / 示例页", "projects": "React/Svelte 多主题工具；SvelteKit 会员应用；统一 Tailwind 视觉的产品群", "project_reason": "主题与设计样式可复用，适合快速形成完整视觉基线", "project_boundary": "功能组件只按当前 React/Svelte 支持判断，其他框架不是同等覆盖", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "unconfirmed", "url": "https://github.com/skeletonlabs/skeleton", "capability": "可把官方文档、README 与具体组件源码提供给 AI；本轮未确认专用 MCP。", "boundary": "检索未找到不等于不存在；普通源码可读不等于已提供 AI 专用工具。", "command": "", "label": "未确认专用 MCP", "level": "docs", "llms": "https://www.skeleton.dev/llms.txt", "skills": null, "note": "官网提供框架区分的 LLM 文档；MCP PR/issue 仅作为线索，不当成已发布服务。", "sources": [ { "label": "官方文档 / 源码", "url": "https://github.com/skeletonlabs/skeleton", "kind": "official" }, { "label": "官方 LLM 文档", "url": "https://www.skeleton.dev/llms.txt", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/skeletonlabs/skeleton/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "Skeleton skeletonlabs/skeleton official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-37.json" }, "image": "assets/37.webp", "thumbnail": "assets/37-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "Svelte", "families": [ "React", "Svelte" ], "type": "完整组件库", "editorial": { "summary": "Skeleton 结合 Tailwind 的样式工具、主题和组件，适合希望应用快速获得统一视觉的项目。不同大版本的框架支持和 API 有明显差异。", "features": [ "主题与设计令牌用于统一配色、排版和控件外观。", "在支持的框架中提供交互组件，配合 CSS 工具组织页面。", "适合 Svelte 等对应版本的应用；升级时先确认框架支持和组件迁移方式。" ], "sources": [ { "label": "项目介绍", "url": "https://www.skeleton.dev/" }, { "label": "源码与许可", "url": "https://github.com/skeletonlabs/skeleton" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "官方 AI 文档可公开读取；没有明确的专用 MCP 入口。", "sources": [ { "label": "组件与许可", "url": "https://github.com/skeletonlabs/skeleton" } ] }, "motion": null }, { "id": 38, "name": "shadcn-svelte", "category": "Svelte 组件生态", "framework": "Svelte", "repo": "huntabyte/shadcn-svelte", "url": "https://www.shadcn-svelte.com/", "note": "Svelte 的 shadcn 风格源码组件集合。", "stars": 9121, "canonical_repo": "huntabyte/shadcn-svelte", "github": "https://github.com/huntabyte/shadcn-svelte", "archived": false, "description": "shadcn/ui, but for Svelte. ✨", "homepage": "https://shadcn-svelte.com", "license": "MIT", "pushed_at": "2026-09-11T19:59:36Z", "fetched_at": "2026-09-14T14:33:12.296460+00:00", "star_source": "GitHub REST API", "screenshot": "assets/38.png", "screenshot_source": "https://www.shadcn-svelte.com/", "screenshot_kind": "官网首屏 / 官方展示页", "projects": "SvelteKit SaaS；知识工具；设置和订阅管理界面", "project_reason": "源码型组件适合定制布局与精细调整视觉", "project_boundary": "业务数据、权限、复杂编辑器需另配，更新差异由项目维护", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "community", "url": "https://github.com/michael-obele/shadcn-svelte-mcp", "capability": "社区 MCP 抓取 shadcn-svelte 组件文档", "boundary": "依赖网站结构，抓取和版本兼容需要验证", "command": "", "label": "社区 MCP", "level": "docs", "llms": "https://www.shadcn-svelte.com/llms.txt", "skills": null, "note": "", "sources": [ { "label": "MCP 接入说明", "url": "https://github.com/michael-obele/shadcn-svelte-mcp", "kind": "community" }, { "label": "官方 LLM 文档", "url": "https://www.shadcn-svelte.com/llms.txt", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/huntabyte/shadcn-svelte/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "shadcn-svelte huntabyte/shadcn-svelte official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-38.json" }, "image": "assets/38.webp", "thumbnail": "assets/38-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "Svelte", "families": [ "Svelte" ], "type": "无样式与源码", "editorial": { "summary": "shadcn-svelte 把源码组件模式带到 Svelte，适合想要简洁成套的视觉基础，又能直接修改组件代码的产品。", "features": [ "通过 registry 安装所需组件，源码保存在项目内。", "配合 Svelte 交互原语与 Tailwind，可自行调整结构和样式。", "适合定制应用界面；需留意 Svelte、Tailwind 与底层组件版本的组合。" ], "sources": [ { "label": "项目介绍", "url": "https://www.shadcn-svelte.com/" }, { "label": "源码与许可", "url": "https://github.com/huntabyte/shadcn-svelte" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "接入页未标注独立服务价格；具体客户端与所调用的模型费用另计。", "sources": [ { "label": "组件与许可", "url": "https://github.com/huntabyte/shadcn-svelte" } ] }, "motion": null }, { "id": 39, "name": "Bits UI", "category": "Svelte 组件生态", "framework": "Svelte", "repo": "huntabyte/bits-ui", "url": "https://bits-ui.com/", "note": "无样式 Svelte 交互组件底座。", "stars": 3552, "canonical_repo": "huntabyte/bits-ui", "github": "https://github.com/huntabyte/bits-ui", "archived": false, "description": "The headless components for Svelte.", "homepage": "https://bits-ui.com", "license": "MIT", "pushed_at": "2026-09-10T18:41:10Z", "fetched_at": "2026-09-14T14:33:12.441815+00:00", "star_source": "GitHub REST API", "screenshot": "assets/39.png", "screenshot_source": "https://bits-ui.com/", "screenshot_kind": "官网首屏 / 官方展示页", "projects": "Svelte 自有组件体系；自定义弹窗、菜单和复杂表单", "project_reason": "无样式组件提供交互基础，设计自由度较高", "project_boundary": "只做一个普通页面且没设计资源时，投入可能大于成品库", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "unconfirmed", "url": "https://github.com/huntabyte/bits-ui", "capability": "可把官方文档、README 与具体组件源码提供给 AI；本轮未确认专用 MCP。", "boundary": "检索未找到不等于不存在；普通源码可读不等于已提供 AI 专用工具。", "command": "", "label": "未确认专用 MCP", "level": "docs", "llms": "https://bits-ui.com/llms.txt", "skills": null, "note": "", "sources": [ { "label": "官方文档 / 源码", "url": "https://github.com/huntabyte/bits-ui", "kind": "official" }, { "label": "官方 LLM 文档", "url": "https://bits-ui.com/llms.txt", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/huntabyte/bits-ui/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "Bits UI huntabyte/bits-ui official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-39.json" }, "image": "assets/39.webp", "thumbnail": "assets/39-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "Svelte", "families": [ "Svelte" ], "type": "无样式与源码", "editorial": { "summary": "Bits UI 是面向 Svelte 的无样式组件基础，专注交互逻辑和可访问性。适合自建设计系统，或者给现有组件补上可靠的行为。", "features": [ "把菜单、对话框和选择器等拆成可组合部件。", "外观交由项目处理，可以融入不同设计风格。", "适合细致定制；它不提供完整主题或现成业务页面。" ], "sources": [ { "label": "项目介绍", "url": "https://bits-ui.com/" }, { "label": "源码与许可", "url": "https://github.com/huntabyte/bits-ui" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "官方 AI 文档可公开读取；没有明确的专用 MCP 入口。", "sources": [ { "label": "组件与许可", "url": "https://github.com/huntabyte/bits-ui" } ] }, "motion": null }, { "id": 40, "name": "Melt UI", "category": "Svelte 组件生态", "framework": "Svelte", "repo": "melt-ui/melt-ui", "url": "https://melt-ui.com/", "note": "以构建器组织的无样式 Svelte 组件工具。", "stars": 4187, "canonical_repo": "melt-ui/melt-ui", "github": "https://github.com/melt-ui/melt-ui", "archived": false, "description": "A set of headless, accessible component builders for Svelte.", "homepage": "https://melt-ui.com", "license": "MIT", "pushed_at": "2025-09-30T11:08:47Z", "fetched_at": "2026-09-14T14:33:12.509071+00:00", "star_source": "GitHub REST API", "screenshot": "assets/40.png", "screenshot_source": "https://melt-ui.com/", "screenshot_kind": "官网首屏 / 官方展示页", "projects": "Svelte 创意交互界面；需要自定义标记结构的组件平台", "project_reason": "构建器式方法适合更自由地组装结构与行为", "project_boundary": "不是现成后台套件，视觉与组件封装工作更多", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "unconfirmed", "url": "https://github.com/melt-ui/melt-ui", "capability": "可把官方文档、README 与具体组件源码提供给 AI；本轮未确认专用 MCP。", "boundary": "检索未找到不等于不存在；普通源码可读不等于已提供 AI 专用工具。", "command": "", "label": "未确认专用 MCP", "level": "standard", "llms": null, "skills": null, "note": "", "sources": [ { "label": "官方文档 / 源码", "url": "https://github.com/melt-ui/melt-ui", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/melt-ui/melt-ui/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "Melt UI melt-ui/melt-ui official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-40.json" }, "image": "assets/40.webp", "thumbnail": "assets/40-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "Svelte", "families": [ "Svelte" ], "type": "无样式与源码", "editorial": { "summary": "Melt UI 用更接近行为构建器的方式组织 Svelte 交互能力，适合想保留 HTML 结构自由度的开发方式。", "features": [ "把控件行为连接到自定义元素，而不是强制固定的完整外观。", "可以围绕状态与属性构建自己的组件封装。", "适合定制组件系统；不同版本的 builder API 与使用示例需要对应。" ], "sources": [ { "label": "项目介绍", "url": "https://melt-ui.com/" }, { "label": "源码与许可", "url": "https://github.com/melt-ui/melt-ui" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "未提供明确的专用 MCP 入口。", "sources": [ { "label": "组件与许可", "url": "https://github.com/melt-ui/melt-ui" } ] }, "motion": null }, { "id": 41, "name": "Flowbite Svelte", "category": "Svelte 组件生态", "framework": "Svelte", "repo": "themesberg/flowbite-svelte", "url": "https://flowbite-svelte.com/", "note": "Flowbite 视觉体系的 Svelte 组件实现。", "stars": 2783, "canonical_repo": "themesberg/flowbite-svelte", "github": "https://github.com/themesberg/flowbite-svelte", "archived": false, "description": "Official Svelte components built for Flowbite and Tailwind CSS", "homepage": "https://flowbite-svelte.com", "license": "MIT", "pushed_at": "2026-06-27T09:07:45Z", "fetched_at": "2026-09-14T14:33:12.508865+00:00", "star_source": "GitHub REST API", "screenshot": "assets/41.png", "screenshot_source": "https://flowbite-svelte.com/", "screenshot_kind": "官网首屏 / 官方展示页", "projects": "Svelte 管理面板；活动网站；内容管理与会员页面", "project_reason": "Tailwind 风格组件适合标准网站和常见业务页面", "project_boundary": "需要检查 Svelte 大版本，避免同时初始化原生 Flowbite JS", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "official", "url": "https://flowbite-svelte.com/docs/mcp/overview", "capability": "官方文档提供 Flowbite-Svelte MCP 和使用流程", "boundary": "服务面向 Svelte，不自动覆盖 Flowbite 的其他框架版本", "command": "", "label": "官方 MCP", "level": "tool", "llms": null, "skills": null, "note": "", "sources": [ { "label": "MCP 接入说明", "url": "https://flowbite-svelte.com/docs/mcp/overview", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/themesberg/flowbite-svelte/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "Flowbite Svelte themesberg/flowbite-svelte official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": null, "fullAudit": "research/search-41.json" }, "image": "assets/41.webp", "thumbnail": "assets/41-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "Svelte", "families": [ "Svelte" ], "type": "完整组件库", "editorial": { "summary": "Flowbite Svelte 是 Flowbite 在 Svelte 生态的组件实现，适合已使用 Tailwind 的页面与应用。视觉和常见界面模式可以保持一致。", "features": [ "按钮、表单、导航和弹层等以 Svelte 组件形式使用。", "Tailwind 类与主题支持便于调整布局和品牌风格。", "免费组件与付费 Blocks 分开；购买时还要确认资源是否提供 Svelte 版本。" ], "sources": [ { "label": "项目介绍", "url": "https://flowbite-svelte.com/" }, { "label": "源码与许可", "url": "https://github.com/themesberg/flowbite-svelte" } ] }, "pricing": { "kind": "mixed", "label": "免费 + 付费", "free": "Flowbite Svelte 核心组件采用 MIT，免费使用。", "paid": "Flowbite 品牌的 Pro 区块和模板另售；购买前要确认具体资源是否提供 Svelte 版本。", "mcp": "接入页未标注独立服务价格；具体客户端与所调用的模型费用另计。", "sources": [ { "label": "组件与许可", "url": "https://github.com/themesberg/flowbite-svelte" }, { "label": "免费与付费范围", "url": "https://flowbite.com/pro/" } ] }, "motion": null }, { "id": 42, "name": "SvelteUI", "category": "Svelte 组件生态", "framework": "Svelte", "repo": "svelteuidev/svelteui", "url": "https://www.svelteui.org/", "note": "Svelte 组件与工具；采用前核查维护和 Svelte 版本支持。", "stars": 1398, "canonical_repo": "svelteuidev/svelteui", "github": "https://github.com/svelteuidev/svelteui", "archived": false, "description": "SvelteUI Monorepo", "homepage": "https://svelteui.dev", "license": "MIT", "pushed_at": "2026-07-29T19:08:00Z", "fetched_at": "2026-09-14T14:33:12.711231+00:00", "star_source": "GitHub REST API", "screenshot": "assets/42.png", "screenshot_source": "https://svelteui.org/core/button", "screenshot_kind": "官方组件文档 / 示例页", "projects": "既有 SvelteUI 工具继续维护；功能探索原型", "project_reason": "可复用原项目组件与实用工具", "project_boundary": "新项目先做版本与维护筛选，不因组件数量直接推荐", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "unconfirmed", "url": "https://github.com/svelteuidev/svelteui", "capability": "可把官方文档、README 与具体组件源码提供给 AI；本轮未确认专用 MCP。", "boundary": "检索未找到不等于不存在；普通源码可读不等于已提供 AI 专用工具。", "command": "", "label": "未确认专用 MCP", "level": "standard", "llms": null, "skills": null, "note": "Svelte 官方 MCP 属于框架能力，不证明覆盖 SvelteUI 组件 API。", "sources": [ { "label": "官方文档 / 源码", "url": "https://github.com/svelteuidev/svelteui", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/svelteuidev/svelteui/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "SvelteUI svelteuidev/svelteui official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-42.json" }, "image": "assets/42.webp", "thumbnail": "assets/42-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "Svelte", "families": [ "Svelte" ], "type": "完整组件库", "editorial": { "summary": "SvelteUI 提供带样式的 Svelte 组件和工具，适合快速搭建统一的表单与应用页面，也可用于研究组件结构。", "features": [ "基础控件、布局和主题能够减少从零编写样式的工作。", "使用方式围绕 Svelte 组件组织，便于融入对应版本的项目。", "新项目应先确认维护情况和 Svelte 版本支持，不要直接假设兼容最新语法。" ], "sources": [ { "label": "项目介绍", "url": "https://www.svelteui.org/" }, { "label": "源码与许可", "url": "https://github.com/svelteuidev/svelteui" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "未提供明确的专用 MCP 入口。", "sources": [ { "label": "组件与许可", "url": "https://github.com/svelteuidev/svelteui" } ] }, "motion": null }, { "id": 43, "name": "Angular Material", "category": "Angular 组件生态", "framework": "Angular", "repo": "angular/components", "url": "https://material.angular.dev/", "note": "Angular 官方 Material 组件与 CDK；Star 为共用仓库总数。", "stars": 25045, "canonical_repo": "angular/components", "github": "https://github.com/angular/components", "archived": false, "description": "Component infrastructure and Material Design components for Angular", "homepage": "https://material.angular.dev", "license": "MIT", "pushed_at": "2026-09-12T07:57:16Z", "fetched_at": "2026-09-14T14:33:12.605398+00:00", "star_source": "GitHub REST API", "screenshot": "assets/43.png", "screenshot_source": "https://material.angular.dev/components/button/overview", "screenshot_kind": "官方组件文档 / 示例页", "projects": "Angular 企业系统；长周期内部管理平台；组织级表单工具", "project_reason": "Angular 官方组件与 CDK 适合统一交互基础和 Material 风格", "project_boundary": "数据看板图表、任务拖拽页面的业务与布局仍需开发", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "ecosystem", "url": "https://angular.dev/ai/mcp", "capability": "Angular 官方 CLI MCP 提供框架文档、工作区分析和开发工具", "boundary": "属于 Angular 生态工具；本轮未确认 Angular Material 独立官方 MCP", "command": "npx -y @angular/cli mcp", "label": "官方生态 MCP", "level": "ecosystem", "llms": null, "skills": null, "note": "", "sources": [ { "label": "MCP 接入说明", "url": "https://angular.dev/ai/mcp", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/angular/components/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "Angular Material angular/components official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-43.json" }, "image": "assets/43.webp", "thumbnail": "assets/43-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "Angular", "families": [ "Angular" ], "type": "完整组件库", "editorial": { "summary": "Angular Material 是 Angular 官方的 Material Design 组件实现，适合采用 Angular 并希望沿用成熟视觉规范的应用。", "features": [ "表单、表格、导航和弹窗与 Angular 工程方式一致。", "Angular CDK 提供覆盖层、拖拽等更底层的交互工具。", "适合业务系统；高度品牌化外观可能需要较多主题定制。" ], "sources": [ { "label": "项目介绍", "url": "https://material.angular.dev/" }, { "label": "源码与许可", "url": "https://github.com/angular/components" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "接入页未标注独立服务价格；具体客户端与所调用的模型费用另计。", "sources": [ { "label": "组件与许可", "url": "https://github.com/angular/components" } ] }, "motion": null }, { "id": 44, "name": "PrimeNG", "category": "Angular 组件生态", "framework": "Angular", "repo": "primefaces/primeng", "url": "https://primeng.org/", "note": "综合 Angular UI 组件库，覆盖后台常见需求。", "stars": 12488, "canonical_repo": "primefaces/primeng", "github": "https://github.com/primefaces/primeng", "archived": false, "description": "The Most Complete Angular UI Component Library", "homepage": "https://primeng.org", "license": "旧版 MIT / 新版 PrimeUI License", "pushed_at": "2026-09-11T12:26:05Z", "fetched_at": "2026-09-14T14:33:12.707262+00:00", "star_source": "GitHub REST API", "screenshot": "assets/44.png", "screenshot_source": "https://primeng.dev/", "screenshot_kind": "官网首屏 / 官方展示页", "projects": "Angular ERP/CRM；数据报表后台；复杂业务工作台", "project_reason": "综合组件覆盖适合企业记录管理、筛选和输入", "project_boundary": "需要分析数据源、权限和导出能力的项目应另设计业务层", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "official", "url": "https://primeng.dev/mcp", "capability": "查询 PrimeNG 组件 API、模板、主题与示例；有配套 Skills", "boundary": "以安装的 Angular / PrimeNG 版本为准", "command": "npx -y @primeng/mcp", "label": "官方 MCP", "level": "tool", "llms": null, "skills": "https://primeng.dev/plugin", "note": "", "sources": [ { "label": "MCP 接入说明", "url": "https://primeng.dev/mcp", "kind": "official" }, { "label": "官方 AI 工作流 / Skills", "url": "https://primeng.dev/plugin", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/primefaces/primeng/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "PrimeNG primefaces/primeng official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-44.json" }, "image": "assets/44.webp", "thumbnail": "assets/44-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "Angular", "families": [ "Angular" ], "type": "完整组件库", "editorial": { "summary": "PrimeNG 是 Prime 家族的 Angular 组件套件，覆盖大量业务控件，适合数据输入和管理界面。主题和组件可以形成较完整的应用基础。", "features": [ "表格、树、菜单与选择控件适合复杂后台页面。", "不同主题与设计令牌支持统一品牌外观。", "v21 及以前的 MIT 版本与新版本授权分开，更新依赖前要确认免费资格或商业许可。" ], "sources": [ { "label": "项目介绍", "url": "https://primeng.org/" }, { "label": "源码与许可", "url": "https://github.com/primefaces/primeng" } ] }, "pricing": { "kind": "conditional", "label": "有条件免费 / 付费", "free": "PrimeNG v21 及此前已发布的 MIT 版本仍可免费使用。新版 Community 对符合资格的个人与小型组织免费。", "paid": "新版超出 Community 资格的组织需要商业授权；Pro 组件、模板、设计工具与高级支持也另有收费。", "mcp": "MCP 包含在 PrimeUI 授权内；符合 Community 资格可随免费方案使用，否则按商业授权。", "sources": [ { "label": "方案与收费", "url": "https://primeui.dev/pricing" }, { "label": "Community 免费资格", "url": "https://primeui.dev/licenses/community" }, { "label": "旧版 MIT 范围", "url": "https://primeui.dev/security" } ], "eligibility": "组织须同时满足：开发者少于 5 人、员工少于 10 人、年收入低于 100 万美元、外部融资不超过许可规定的 300 万美元门槛。Community 需注册，并每年确认资格续期。" }, "motion": null }, { "id": 45, "name": "NG-ZORRO", "category": "Angular 组件生态", "framework": "Angular", "repo": "NG-ZORRO/ng-zorro-antd", "url": "https://ng.ant.design/docs/introduce/en", "note": "Angular 的 Ant Design 实现。", "stars": 9170, "canonical_repo": "NG-ZORRO/ng-zorro-antd", "github": "https://github.com/NG-ZORRO/ng-zorro-antd", "archived": false, "description": "Angular UI Component Library based on Ant Design", "homepage": "https://ng.ant.design", "license": "MIT", "pushed_at": "2026-09-14T11:27:45Z", "fetched_at": "2026-09-14T14:33:12.868769+00:00", "star_source": "GitHub REST API", "screenshot": "assets/45.png", "screenshot_source": "https://ng.ant.design/components/button/en", "screenshot_kind": "官方组件文档 / 示例页", "projects": "Angular 审批平台；运营管理；Ant Design 风格企业门户", "project_reason": "保留 Angular 架构同时采用熟悉的企业 UI", "project_boundary": "不能直接复用 React/Vue 的 Ant Design 组件源码", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "unconfirmed", "url": "https://github.com/NG-ZORRO/ng-zorro-antd", "capability": "可把官方文档、README 与具体组件源码提供给 AI；本轮未确认专用 MCP。", "boundary": "检索未找到不等于不存在；普通源码可读不等于已提供 AI 专用工具。", "command": "", "label": "未确认专用 MCP", "level": "docs", "llms": "https://ng.ant.design/llms.txt", "skills": null, "note": "官方 llms.txt 已确认；不要混用 React Ant Design 的 MCP。", "sources": [ { "label": "官方文档 / 源码", "url": "https://github.com/NG-ZORRO/ng-zorro-antd", "kind": "official" }, { "label": "官方 LLM 文档", "url": "https://ng.ant.design/llms.txt", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/NG-ZORRO/ng-zorro-antd/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "NG-ZORRO NG-ZORRO/ng-zorro-antd official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-45.json" }, "image": "assets/45.webp", "thumbnail": "assets/45-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "Angular", "families": [ "Angular" ], "type": "完整组件库", "editorial": { "summary": "NG-ZORRO 是 Angular 生态的 Ant Design 实现，适合需要 Ant 风格后台而技术栈已经确定为 Angular 的团队。", "features": [ "表格、表单、导航和反馈覆盖常见企业应用流程。", "与 Angular 的模板、表单和依赖注入方式配合使用。", "适合运营与管理系统；不能直接套用 React 版 Ant Design 的代码或 MCP 说明。" ], "sources": [ { "label": "项目介绍", "url": "https://ng.ant.design/docs/introduce/en" }, { "label": "源码与许可", "url": "https://github.com/NG-ZORRO/ng-zorro-antd" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "官方 AI 文档可公开读取；没有明确的专用 MCP 入口。", "sources": [ { "label": "组件与许可", "url": "https://github.com/NG-ZORRO/ng-zorro-antd" } ] }, "motion": null }, { "id": 46, "name": "NG Bootstrap", "category": "Angular 组件生态", "framework": "Angular", "repo": "ng-bootstrap/ng-bootstrap", "url": "https://ng-bootstrap.github.io/", "note": "以 Angular 组件实现 Bootstrap 交互。", "stars": 8227, "canonical_repo": "ng-bootstrap/ng-bootstrap", "github": "https://github.com/ng-bootstrap/ng-bootstrap", "archived": false, "description": "Angular powered Bootstrap", "homepage": "https://ng-bootstrap.github.io", "license": "MIT", "pushed_at": "2026-06-22T14:39:41Z", "fetched_at": "2026-09-14T14:33:12.774876+00:00", "star_source": "GitHub REST API", "screenshot": "assets/46.png", "screenshot_source": "https://ng-bootstrap.github.io/#/components/accordion/examples", "screenshot_kind": "官方组件文档 / 示例页", "projects": "既有 Angular + Bootstrap 系统；商户管理；企业表单网站", "project_reason": "保留 Bootstrap 视觉并使用 Angular 管理交互", "project_boundary": "优先用于技术栈匹配的项目，不适合为了它更换整个框架", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "unconfirmed", "url": "https://github.com/ng-bootstrap/ng-bootstrap", "capability": "可把官方文档、README 与具体组件源码提供给 AI；本轮未确认专用 MCP。", "boundary": "检索未找到不等于不存在；普通源码可读不等于已提供 AI 专用工具。", "command": "", "label": "未确认专用 MCP", "level": "standard", "llms": null, "skills": null, "note": "Angular CLI MCP 是框架工具，本轮未确认 NG Bootstrap 专用 MCP。", "sources": [ { "label": "官方文档 / 源码", "url": "https://github.com/ng-bootstrap/ng-bootstrap", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/ng-bootstrap/ng-bootstrap/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "NG Bootstrap ng-bootstrap/ng-bootstrap official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-46.json" }, "image": "assets/46.webp", "thumbnail": "assets/46-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "Angular", "families": [ "Angular" ], "type": "完整组件库", "editorial": { "summary": "NG Bootstrap 为 Angular 提供 Bootstrap 风格的交互控件，适合已有 Bootstrap 设计基础的应用。它让状态和交互留在 Angular 中管理。", "features": [ "日期选择、弹窗、下拉与分页等以 Angular 组件或指令提供。", "复用 Bootstrap CSS，无需 jQuery 交互插件。", "适合传统网站和业务系统改造；Angular 与 Bootstrap 的版本配套要明确。" ], "sources": [ { "label": "项目介绍", "url": "https://ng-bootstrap.github.io/" }, { "label": "源码与许可", "url": "https://github.com/ng-bootstrap/ng-bootstrap" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "未提供明确的专用 MCP 入口。", "sources": [ { "label": "组件与许可", "url": "https://github.com/ng-bootstrap/ng-bootstrap" } ] }, "motion": null }, { "id": 47, "name": "spartan/ui", "category": "Angular 组件生态", "framework": "Angular", "repo": "spartan-ng/spartan", "url": "https://www.spartan.ng/", "note": "Angular 的无样式基础与带样式源码组件。", "stars": 2896, "canonical_repo": "spartan-ng/spartan", "github": "https://github.com/spartan-ng/spartan", "archived": false, "description": "Cutting-edge tools powering Angular full-stack development.", "homepage": "https://spartan.ng", "license": "MIT", "pushed_at": "2026-09-10T08:06:46Z", "fetched_at": "2026-09-14T14:33:12.966936+00:00", "star_source": "GitHub REST API", "screenshot": "assets/47.png", "screenshot_source": "https://www.spartan.ng/", "screenshot_kind": "官网首屏 / 官方展示页", "projects": "品牌化 Angular SaaS；自建设计系统；可控源码的后台", "project_reason": "行为底座与样式组件分层，更便于自己的设计定制", "project_boundary": "升级、样式一致性和业务组合由团队负责", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "official", "url": "https://raw.githubusercontent.com/spartan-ng/spartan/main/skills/spartan/mcp.md", "capability": "官方 MCP 查询组件和文档，Skills 指导 Brain/Helm 组合", "boundary": "CLI 生成器与 MCP 分工不同；项目需正确配置", "command": "npx -y @spartan-ng/mcp", "label": "官方 MCP", "level": "tool", "llms": null, "skills": "https://spartan.ng/documentation/skills", "note": "", "sources": [ { "label": "MCP 接入说明", "url": "https://raw.githubusercontent.com/spartan-ng/spartan/main/skills/spartan/mcp.md", "kind": "official" }, { "label": "官方 AI 工作流 / Skills", "url": "https://spartan.ng/documentation/skills", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/spartan-ng/spartan/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "spartan/ui spartan-ng/spartan official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-47.json" }, "image": "assets/47.webp", "thumbnail": "assets/47-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "Angular", "families": [ "Angular" ], "type": "无样式与源码", "editorial": { "summary": "spartan/ui 采用可组合的底层行为与可修改的样式组件，为 Angular 项目提供源码可控的设计基础。适合希望在 Angular 中采用类似 shadcn 工作方式的团队。", "features": [ "Brain 负责交互，Helm 提供样式，两者可以按需要组合。", "组件源码与 Tailwind 样式可以在项目中继续改造。", "适合自建设计系统；需要管理生成器、组件与 Angular 版本之间的匹配。" ], "sources": [ { "label": "项目介绍", "url": "https://www.spartan.ng/" }, { "label": "源码与许可", "url": "https://github.com/spartan-ng/spartan" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "接入页未标注独立服务价格；具体客户端与所调用的模型费用另计。", "sources": [ { "label": "组件与许可", "url": "https://github.com/spartan-ng/spartan" } ] }, "motion": null }, { "id": 48, "name": "Bootstrap", "category": "CSS 与 Web Components", "framework": "框架无关", "repo": "twbs/bootstrap", "url": "https://getbootstrap.com/", "note": "CSS 与 JavaScript 组件工具包，适合常规响应式网站。", "stars": 174791, "canonical_repo": "twbs/bootstrap", "github": "https://github.com/twbs/bootstrap", "archived": false, "description": "The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.", "homepage": "https://getbootstrap.com", "license": "MIT", "pushed_at": "2026-09-13T20:12:49Z", "fetched_at": "2026-09-14T14:33:13.089887+00:00", "star_source": "GitHub REST API", "screenshot": "assets/48.png", "screenshot_source": "https://getbootstrap.com/docs/5.3/components/buttons/", "screenshot_kind": "官方组件文档 / 示例页", "projects": "传统企业官网；服务端模板后台；常规活动报名网站", "project_reason": "原生 HTML/CSS/JS 路线适合模板开发和成熟网站改造", "project_boundary": "在 React/Vue 中避免 JS 重复控制 DOM；复杂应用需管理状态", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "unconfirmed", "url": "https://github.com/twbs/bootstrap", "capability": "可把官方文档、README 与具体组件源码提供给 AI；本轮未确认专用 MCP。", "boundary": "检索未找到不等于不存在；普通源码可读不等于已提供 AI 专用工具。", "command": "", "label": "未确认专用 MCP", "level": "standard", "llms": null, "skills": null, "note": "官方 issue 中有 MCP/AI 文档提议；未确认独立官方 MCP 已发布。", "sources": [ { "label": "官方文档 / 源码", "url": "https://github.com/twbs/bootstrap", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/twbs/bootstrap/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "Bootstrap twbs/bootstrap official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-48.json" }, "image": "assets/48.webp", "thumbnail": "assets/48-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "CSS / Web Components", "families": [ "CSS / Web Components" ], "type": "样式与基础", "editorial": { "summary": "Bootstrap 提供响应式网格、样式工具和常见 Web 组件，适合快速组织传统网站或后台页面。它对框架限制较少，静态 HTML 也能使用。", "features": [ "网格、排版和工具类方便搭建响应式页面骨架。", "按钮、表单和导航有一致外观，交互组件可配合其 JavaScript 使用。", "适合快速原型和传统站点；个性化视觉通常需要调整变量或覆盖样式。" ], "sources": [ { "label": "项目介绍", "url": "https://getbootstrap.com/" }, { "label": "源码与许可", "url": "https://github.com/twbs/bootstrap" } ] }, "pricing": { "kind": "mixed", "label": "免费 + 付费", "free": "Bootstrap 核心 CSS、JavaScript 与官方示例免费。", "paid": "官方主题市场中的成品主题可能收费，不影响免费使用核心框架。", "mcp": "未提供明确的专用 MCP 入口。", "sources": [ { "label": "组件与许可", "url": "https://github.com/twbs/bootstrap" }, { "label": "免费与付费范围", "url": "https://themes.getbootstrap.com/" } ] }, "motion": null }, { "id": 49, "name": "Bulma", "category": "CSS 与 Web Components", "framework": "框架无关", "repo": "jgthms/bulma", "url": "https://bulma.io/", "note": "以 CSS 为主的组件与布局；交互逻辑需另行实现。", "stars": 50056, "canonical_repo": "jgthms/bulma", "github": "https://github.com/jgthms/bulma", "archived": false, "description": "Modern CSS framework based on Flexbox", "homepage": "https://bulma.io", "license": "MIT", "pushed_at": "2026-03-01T20:13:02Z", "fetched_at": "2026-09-14T14:33:13.058582+00:00", "star_source": "GitHub REST API", "screenshot": "assets/49.png", "screenshot_source": "https://bulma.io/documentation/elements/button/", "screenshot_kind": "官方组件文档 / 示例页", "projects": "内容展示网站；个人工具；服务端渲染的小型表单产品", "project_reason": "CSS 类覆盖布局与外观，适合轻量页面和简洁内容结构", "project_boundary": "弹窗、菜单等行为需自行补齐，不是现成应用交互系统", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "unconfirmed", "url": "https://github.com/jgthms/bulma", "capability": "可把官方文档、README 与具体组件源码提供给 AI；本轮未确认专用 MCP。", "boundary": "检索未找到不等于不存在；普通源码可读不等于已提供 AI 专用工具。", "command": "", "label": "未确认专用 MCP", "level": "standard", "llms": null, "skills": null, "note": "第三方 Bulma 文档镜像或封装库的 AI 支持不算原库官方能力。", "sources": [ { "label": "官方文档 / 源码", "url": "https://github.com/jgthms/bulma", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/jgthms/bulma/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "Bulma jgthms/bulma official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-49.json" }, "image": "assets/49.webp", "thumbnail": "assets/49-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "CSS / Web Components", "families": [ "CSS / Web Components" ], "type": "样式与基础", "editorial": { "summary": "Bulma 是以 CSS 为主的响应式框架，用语义化类名组织网格、表单和常见界面元素。适合不想引入完整 JavaScript 组件体系的页面。", "features": [ "布局与控件样式可以直接应用到 HTML。", "不附带完整交互脚本，使用哪种前端框架由项目决定。", "适合内容站和轻量界面；菜单展开、弹窗状态等行为需要自行补上。" ], "sources": [ { "label": "项目介绍", "url": "https://bulma.io/" }, { "label": "源码与许可", "url": "https://github.com/jgthms/bulma" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "未提供明确的专用 MCP 入口。", "sources": [ { "label": "组件与许可", "url": "https://github.com/jgthms/bulma" } ] }, "motion": null }, { "id": 50, "name": "daisyUI", "category": "CSS 与 Web Components", "framework": "Tailwind CSS / 框架无关", "repo": "saadeghi/daisyui", "url": "https://daisyui.com/", "note": "用 CSS 类提供组件与主题，适合快速统一视觉。", "stars": 42372, "canonical_repo": "saadeghi/daisyui", "github": "https://github.com/saadeghi/daisyui", "archived": false, "description": "🌼 🌼 🌼 🌼 🌼  The most popular, free and open-source Tailwind CSS component library", "homepage": "https://daisyui.com", "license": "MIT", "pushed_at": "2026-09-12T15:24:34Z", "fetched_at": "2026-09-14T14:33:13.084440+00:00", "star_source": "GitHub REST API", "screenshot": "assets/50.png", "screenshot_source": "https://daisyui.com/", "screenshot_kind": "官网首屏 / 官方展示页", "projects": "多主题内部工具；快速验证 SaaS；轻量数据卡片面板", "project_reason": "用 Tailwind 配合语义类名快速组织常见视觉组件", "project_boundary": "任务拖拽与图表不因有 Card 样式就自动具备", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "official", "url": "https://daisyui.com/docs/mcp/", "capability": "官方 Blueprint MCP 提供 UI 生成上下文和设计工作流", "boundary": "付费产品，需要购买许可；免费 daisyUI 和 llms.txt 不等于免费 Blueprint", "command": "", "label": "官方 MCP", "level": "tool", "llms": "https://daisyui.com/llms.txt", "skills": null, "note": "", "sources": [ { "label": "MCP 接入说明", "url": "https://daisyui.com/docs/mcp/", "kind": "official" }, { "label": "官方 LLM 文档", "url": "https://daisyui.com/llms.txt", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/saadeghi/daisyui/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "daisyUI saadeghi/daisyui official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-50.json" }, "image": "assets/50.webp", "thumbnail": "assets/50-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "CSS / Web Components", "families": [ "CSS / Web Components" ], "type": "样式与基础", "editorial": { "summary": "daisyUI 在 Tailwind 之上提供按钮、卡片、表单等语义化组件类和成套主题。适合希望减少重复类名、快速形成统一视觉的 Web 页面。", "features": [ "使用 btn、card 等类名组织外观，能配合不同前端框架。", "多主题切换是主要特点，适合快速比较产品视觉方向。", "组件库免费，Blueprint MCP 与部分模板付费；样式类本身不会完成业务交互。" ], "sources": [ { "label": "项目介绍", "url": "https://daisyui.com/" }, { "label": "源码与许可", "url": "https://github.com/saadeghi/daisyui" } ] }, "pricing": { "kind": "mixed", "label": "免费 + 付费", "free": "daisyUI 核心组件、主题和公开 AI 文档免费。", "paid": "Blueprint MCP 需要付费许可，提供订阅或终身购买；部分成品模板另外售卖。", "mcp": "付费：Blueprint MCP 需要许可密钥；免费试用不等于长期免费。", "sources": [ { "label": "组件与许可", "url": "https://github.com/saadeghi/daisyui" }, { "label": "免费与付费范围", "url": "https://daisyui.com/blueprint/" } ] }, "motion": null }, { "id": 51, "name": "Flowbite", "category": "CSS 与 Web Components", "framework": "Tailwind CSS / JavaScript", "repo": "themesberg/flowbite", "url": "https://flowbite.com/", "note": "Tailwind 组件与交互；框架封装另有仓库。", "stars": 9346, "canonical_repo": "themesberg/flowbite", "github": "https://github.com/themesberg/flowbite", "archived": false, "description": "Open-source UI component library and front-end development framework based on Tailwind CSS", "homepage": "https://flowbite.com", "license": "MIT", "pushed_at": "2026-06-27T08:36:12Z", "fetched_at": "2026-09-14T14:33:13.282485+00:00", "star_source": "GitHub REST API", "screenshot": "assets/51.png", "screenshot_source": "https://flowbite.com/docs/components/buttons/", "screenshot_kind": "官方组件文档 / 示例页", "projects": "Tailwind 内容管理后台；营销网站 + 登录区；电商管理页", "project_reason": "现成组件与网页交互便于拼装常规界面", "project_boundary": "原生 JS 版和框架封装二选一按需用，业务后端另接", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "official", "url": "https://flowbite.com/docs/getting-started/mcp/", "capability": "官方 MCP 连接组件、主题与 Figma 设计转代码流程", "boundary": "Figma 相关功能需个人访问令牌；Pro 资源另有许可边界", "command": "npx -y flowbite-mcp", "label": "官方 MCP", "level": "tool", "llms": null, "skills": null, "note": "", "sources": [ { "label": "MCP 接入说明", "url": "https://flowbite.com/docs/getting-started/mcp/", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/themesberg/flowbite/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "Flowbite themesberg/flowbite official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-51.json" }, "image": "assets/51.webp", "thumbnail": "assets/51-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "CSS / Web Components", "families": [ "CSS / Web Components" ], "type": "样式与基础", "editorial": { "summary": "Flowbite 围绕 Tailwind 提供交互组件、页面区块和设计资源，适合产品官网与常见应用界面。免费基础组件可以先用，再按需购买更完整的页面资源。", "features": [ "从导航、模态框到表单和卡片，常见模式可以组合使用。", "HTML 与不同框架的集成资源需要按实际技术栈选择。", "适合营销页与后台起点；Pro 模板和 Figma 资源拥有独立收费与许可范围。" ], "sources": [ { "label": "项目介绍", "url": "https://flowbite.com/" }, { "label": "源码与许可", "url": "https://github.com/themesberg/flowbite" } ] }, "pricing": { "kind": "mixed", "label": "免费 + 付费", "free": "Flowbite 开源组件采用 MIT，Community 版免费。", "paid": "Pro 区块、整页模板和 Designer 设计资源需要购买，不同套餐覆盖不同。", "mcp": "接入页未标注独立服务价格；具体客户端与所调用的模型费用另计。", "sources": [ { "label": "组件与许可", "url": "https://github.com/themesberg/flowbite" }, { "label": "免费与付费范围", "url": "https://flowbite.com/pro/" } ] }, "motion": null }, { "id": 52, "name": "Preline UI", "category": "CSS 与 Web Components", "framework": "Tailwind CSS / JavaScript", "repo": "htmlstreamofficial/preline", "url": "https://preline.co/", "note": "Tailwind 组件、交互与页面区块；许可按实际资源核查。", "stars": 6420, "canonical_repo": "htmlstreamofficial/preline", "github": "https://github.com/htmlstreamofficial/preline", "archived": false, "description": "Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.", "homepage": "https://preline.co", "license": "NOASSERTION", "pushed_at": "2026-08-31T01:53:38Z", "fetched_at": "2026-09-14T14:33:13.306177+00:00", "star_source": "GitHub REST API", "screenshot": "assets/52.png", "screenshot_source": "https://preline.co/", "screenshot_kind": "官网首屏 / 官方展示页", "projects": "产品官网；商户控制台；服务端模板里的 Tailwind 网站", "project_reason": "组件和页面区块适合常规网站结构与快速搭建", "project_boundary": "客户端切页后的交互初始化要验证，模板授权单独看", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "official", "url": "https://preline.co/docs/mcp.html", "capability": "发现组件与区块，读取代码、JavaScript API 和框架集成指南", "boundary": "托管服务需 API Key；官网称 Pro 权益含使用至 2027-01-01，之后需订阅，可能有限流", "command": "https://mcp.preline.co", "label": "官方 MCP", "level": "tool", "llms": null, "skills": "https://preline.co/docs/agent-skills.html", "note": "", "sources": [ { "label": "MCP 接入说明", "url": "https://preline.co/docs/mcp.html", "kind": "official" }, { "label": "官方 AI 工作流 / Skills", "url": "https://preline.co/docs/agent-skills.html", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/htmlstreamofficial/preline/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "Preline UI htmlstreamofficial/preline official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-52.json" }, "image": "assets/52.webp", "thumbnail": "assets/52-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "CSS / Web Components", "families": [ "CSS / Web Components" ], "type": "样式与基础", "editorial": { "summary": "Preline UI 提供 Tailwind 组件、JavaScript 交互插件和页面区块，适合希望快速搭出完整页面的项目。免费库与 Pro 模板、AI 工具分开提供。", "features": [ "从基础控件到后台和营销区块，适合直接参考布局与组件组合。", "插件承担下拉、弹层等交互，框架集成时需按指南初始化。", "Pro 资源偏整页与完整模板；MCP 是托管服务，不能把资源买断等同于永久免费调用。" ], "sources": [ { "label": "项目介绍", "url": "https://preline.co/" }, { "label": "源码与许可", "url": "https://github.com/htmlstreamofficial/preline" } ] }, "pricing": { "kind": "mixed", "label": "免费 + 付费", "free": "Preline 的基础组件、开源插件和部分页面区块免费。", "paid": "Pro 区块、模板、AI Prompts 等需购买；托管 MCP 的使用权益与资源下载许可分开。", "mcp": "付费权益：需 API Key；Pro 当前包含截至 2027-01-01 的 MCP 使用，之后需订阅，可能有限流。", "sources": [ { "label": "组件与许可", "url": "https://github.com/htmlstreamofficial/preline" }, { "label": "免费与付费范围", "url": "https://preline.co/pro/" } ] }, "motion": null }, { "id": 53, "name": "Shoelace", "category": "CSS 与 Web Components", "framework": "Web Components", "repo": "shoelace-style/shoelace", "url": "https://shoelace.style/", "note": "框架无关的 Web Components；注意与后继项目 Web Awesome 的关系。", "stars": 13842, "canonical_repo": "shoelace-style/shoelace", "github": "https://github.com/shoelace-style/shoelace", "archived": true, "description": "Shoelace is now Web Awesome. Come see what’s new!", "homepage": "https://webawesome.com", "license": "MIT", "pushed_at": "2026-05-14T13:39:51Z", "fetched_at": "2026-09-14T14:33:13.345243+00:00", "star_source": "GitHub REST API", "screenshot": "assets/53.png", "screenshot_source": "https://shoelace.style/components/button", "screenshot_kind": "官方组件文档 / 示例页", "projects": "已使用 Shoelace 的多框架网站维护与迁移", "project_reason": "能了解旧自定义元素体系并规划迁移", "project_boundary": "仓库已归档；新项目优先比较 Web Awesome，不作为首选新增依赖", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "unconfirmed", "url": "https://github.com/shoelace-style/shoelace", "capability": "可把官方文档、README 与具体组件源码提供给 AI；本轮未确认专用 MCP。", "boundary": "检索未找到不等于不存在；普通源码可读不等于已提供 AI 专用工具。", "command": "", "label": "未确认专用 MCP", "level": "standard", "llms": null, "skills": null, "note": "保留历史库参考；第三方文档索引不能改变其已归档状态。", "sources": [ { "label": "官方文档 / 源码", "url": "https://github.com/shoelace-style/shoelace", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/shoelace-style/shoelace/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "Shoelace shoelace-style/shoelace official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-53.json" }, "image": "assets/53.webp", "thumbnail": "assets/53-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "CSS / Web Components", "families": [ "CSS / Web Components" ], "type": "样式与基础", "editorial": { "summary": "Shoelace 是基于 Web Components 的组件库，适合跨框架复用同一套控件。原项目已把后续发展转向 Web Awesome，更适合已有项目延续或历史方案参考。", "features": [ "自定义元素可在不同框架或普通 HTML 中使用。", "主题和 CSS 自定义属性用于调整控件外观。", "新项目优先比较 Web Awesome；已有 Shoelace 项目应规划迁移和兼容工作。" ], "sources": [ { "label": "项目介绍", "url": "https://shoelace.style/" }, { "label": "源码与许可", "url": "https://github.com/shoelace-style/shoelace" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "未提供明确的专用 MCP 入口。", "sources": [ { "label": "组件与许可", "url": "https://github.com/shoelace-style/shoelace" } ] }, "motion": { "kind": "included", "label": "含动画组件", "effects": [ "预设动画", "元素过渡" ], "description": "Animation 组件可给元素应用预设或自定义关键帧动画。适合已有 Shoelace 项目的局部效果，后续新功能需关注 Web Awesome。", "url": "https://shoelace.style/components/animation" } }, { "id": 54, "name": "Web Awesome", "category": "CSS 与 Web Components", "framework": "Web Components", "repo": "shoelace-style/webawesome", "url": "https://webawesome.com/", "note": "Web Components 组件体系；区分免费和商业资源。", "stars": 1314, "github": "https://github.com/shoelace-style/webawesome", "canonical_repo": "shoelace-style/webawesome", "star_source": "GitHub 网页嵌入的 stargazerCount 精确字段", "fetched_at": "2026-09-14T14:35:05.245851+00:00", "archived": false, "screenshot": "assets/54.png", "screenshot_source": "https://webawesome.com/docs/components/button/", "screenshot_kind": "官方组件文档 / 示例页", "projects": "多个框架共存的企业门户；共享组件平台；原生 HTML 工具站", "project_reason": "Web Components 能作为浏览器层共享组件", "project_boundary": "不是 iOS 原生组件；SSR、表单和事件与各框架的适配要验证", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "unconfirmed", "url": "https://github.com/shoelace-style/webawesome", "capability": "可把官方文档、README 与具体组件源码提供给 AI；本轮未确认专用 MCP。", "boundary": "检索未找到不等于不存在；普通源码可读不等于已提供 AI 专用工具。", "command": "", "label": "未确认专用 MCP", "level": "docs", "llms": "https://webawesome.com/llms.txt", "skills": "https://webawesome.com/docs/ai/", "note": "官方提供 Agent Skills 与 llms.txt，可让 AI 按需读取组件 API。", "sources": [ { "label": "官方文档 / 源码", "url": "https://github.com/shoelace-style/webawesome", "kind": "official" }, { "label": "官方 LLM 文档", "url": "https://webawesome.com/llms.txt", "kind": "official" }, { "label": "官方 AI 工作流 / Skills", "url": "https://webawesome.com/docs/ai/", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/shoelace-style/webawesome/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "Web Awesome shoelace-style/webawesome official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-54.json" }, "image": "assets/54.webp", "thumbnail": "assets/54-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "CSS / Web Components", "families": [ "CSS / Web Components" ], "type": "样式与基础", "editorial": { "summary": "Web Awesome 是基于 Web Components 的设计系统，也是 Shoelace 的后续方向。适合希望组件能跨框架使用，并采用统一主题、表单和交互规则的产品。", "features": [ "使用自定义 HTML 元素，能接入不同框架和普通网页。", "免费控件配合主题、CSS 工具与原生样式，形成完整基础。", "高级日期控件、数据可视化、设计模式和 Figma 等 Pro 能力另行授权。" ], "sources": [ { "label": "项目介绍", "url": "https://webawesome.com/" }, { "label": "源码与许可", "url": "https://github.com/shoelace-style/webawesome" } ] }, "pricing": { "kind": "mixed", "label": "免费 + 付费", "free": "Web Awesome 的开源基础组件免费。", "paid": "Pro 提供额外控件、图表、数据网格、设计模式及 Figma 资源，需要付费权限。", "mcp": "官方 AI 文档可公开读取；没有明确的专用 MCP 入口。", "sources": [ { "label": "组件与许可", "url": "https://github.com/shoelace-style/webawesome" }, { "label": "免费与付费范围", "url": "https://webawesome.com/" } ] }, "motion": { "kind": "included", "label": "含动画组件", "effects": [ "预设动画", "元素过渡" ], "description": "Animation 工具可以控制元素动画及播放状态，适合给跨框架组件加入进入、退出和强调效果。", "url": "https://webawesome.com/docs/components/animation/" } }, { "id": 55, "name": "UIkit", "category": "CSS 与 Web Components", "framework": "框架无关", "repo": "uikit/uikit", "url": "https://getuikit.com/", "note": "CSS 与 JavaScript 组件和布局系统。", "stars": 18537, "canonical_repo": "uikit/uikit", "github": "https://github.com/uikit/uikit", "archived": false, "description": "A lightweight and modular front-end framework for developing fast and powerful web interfaces", "homepage": "http://getuikit.com", "license": "MIT", "pushed_at": "2026-09-12T20:09:39Z", "fetched_at": "2026-09-14T14:33:13.395746+00:00", "star_source": "GitHub REST API", "screenshot": "assets/55.png", "screenshot_source": "https://getuikit.com/docs/button", "screenshot_kind": "官方组件文档 / 示例页", "projects": "企业官网；内容门户；传统模板网站", "project_reason": "CSS 与 JS 组件适合常规网站布局和交互", "project_boundary": "复杂状态应用需要额外架构，React/Vue 集成要管理生命周期", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "unconfirmed", "url": "https://github.com/uikit/uikit", "capability": "可把官方文档、README 与具体组件源码提供给 AI；本轮未确认专用 MCP。", "boundary": "检索未找到不等于不存在；普通源码可读不等于已提供 AI 专用工具。", "command": "", "label": "未确认专用 MCP", "level": "standard", "llms": null, "skills": null, "note": "ui-kit.ai 与其他同名 ui-kit 的 MCP 不是 YOOtheme UIkit，已排除。", "sources": [ { "label": "官方文档 / 源码", "url": "https://github.com/uikit/uikit", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/uikit/uikit/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "UIkit uikit/uikit official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-55.json" }, "image": "assets/55.webp", "thumbnail": "assets/55-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "CSS / Web Components", "families": [ "CSS / Web Components" ], "type": "样式与基础", "editorial": { "summary": "UIkit 是轻量、模块化的 Web 前端框架，提供布局、样式和常见交互。适合内容站、展示网站和希望直接使用 HTML 属性组织交互的项目。", "features": [ "网格、卡片、导航和排版可以组合成完整网站。", "JavaScript 组件覆盖弹窗、轮播、吸顶等网站交互。", "核心库与 YOOtheme 商业建站产品不同，不能把后者的付费功能算进免费库。" ], "sources": [ { "label": "项目介绍", "url": "https://getuikit.com/" }, { "label": "源码与许可", "url": "https://github.com/uikit/uikit" } ] }, "pricing": { "kind": "mixed", "label": "免费 + 付费", "free": "UIkit 核心框架采用 MIT，可免费使用。", "paid": "YOOtheme Pro 建站工具与模板是另外的商业产品，不是 UIkit 本身。", "mcp": "未提供明确的专用 MCP 入口。", "sources": [ { "label": "组件与许可", "url": "https://github.com/uikit/uikit" }, { "label": "免费与付费范围", "url": "https://yootheme.com/page-builder" } ] }, "motion": { "kind": "included", "label": "含动画组件", "effects": [ "滚动触发", "转场" ], "description": "提供 Animation、Transition 与 Scrollspy 等工具，适合内容随滚动进入、悬停变化和网站模块过渡。", "url": "https://getuikit.com/docs/scrollspy" } }, { "id": 56, "name": "Pico CSS", "category": "CSS 与 Web Components", "framework": "框架无关", "repo": "picocss/pico", "url": "https://picocss.com/", "note": "轻量语义化 CSS，适合简洁页面；不是完整复杂交互库。", "stars": 16856, "canonical_repo": "picocss/pico", "github": "https://github.com/picocss/pico", "archived": false, "description": "Minimal CSS Framework for semantic HTML", "homepage": "https://picocss.com", "license": "MIT", "pushed_at": "2026-05-09T18:16:06Z", "fetched_at": "2026-09-14T14:33:13.576532+00:00", "star_source": "GitHub REST API", "screenshot": "assets/56.png", "screenshot_source": "https://picocss.com/", "screenshot_kind": "官网首屏 / 官方展示页", "projects": "个人数据查询页；小型内部表单；文档附属工具", "project_reason": "语义化 HTML 可获得简洁外观，适合内容和少量输入", "project_boundary": "不适合直接承担复杂 CRM、拖拽看板或高密度数据工作台", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "unconfirmed", "url": "https://github.com/picocss/pico", "capability": "可把官方文档、README 与具体组件源码提供给 AI；本轮未确认专用 MCP。", "boundary": "检索未找到不等于不存在；普通源码可读不等于已提供 AI 专用工具。", "command": "", "label": "未确认专用 MCP", "level": "standard", "llms": null, "skills": null, "note": "社区创建的文档镜像不能算作 Pico CSS 官方 AI 文档。", "sources": [ { "label": "官方文档 / 源码", "url": "https://github.com/picocss/pico", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/picocss/pico/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "Pico CSS picocss/pico official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-56.json" }, "image": "assets/56.webp", "thumbnail": "assets/56-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "CSS / Web Components", "families": [ "CSS / Web Components" ], "type": "样式与基础", "editorial": { "summary": "Pico CSS 给语义化 HTML 提供简洁的默认外观，适合表单、文档和轻量工具。它尽量减少类名和配置，让页面先获得清晰的排版。", "features": [ "常见原生元素可直接获得一致样式，适合快速做出可用页面。", "轻量主题与明暗模式适合简单产品和内部工具。", "它主要解决样式，不提供完整交互组件或大型后台控件。" ], "sources": [ { "label": "项目介绍", "url": "https://picocss.com/" }, { "label": "源码与许可", "url": "https://github.com/picocss/pico" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "未提供明确的专用 MCP 入口。", "sources": [ { "label": "组件与许可", "url": "https://github.com/picocss/pico" } ] }, "motion": null }, { "id": 57, "name": "Material Web", "category": "CSS 与 Web Components", "framework": "Web Components", "repo": "material-components/material-web", "url": "https://material-web.dev/", "note": "Material Design Web Components；先核查仓库维护状态。", "stars": 11242, "github": "https://github.com/material-components/material-web", "star_source": "GitHub 网页嵌入的 stargazerCount 精确字段", "fetched_at": "2026-09-14T14:39:50.695008+00:00", "screenshot": "assets/57.png", "screenshot_source": "https://material-web.dev/components/button/", "screenshot_kind": "官方组件文档 / 示例页", "projects": "既有 Material Web 系统的维护与评估", "project_reason": "可复用 Web Components 的 Material 组件", "project_boundary": "处于维护模式，新产品应先确认长期路线；不是原生 iOS Material 库", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "community", "url": "https://github.com/shanthropic/material-web-mcp", "capability": "社区 MCP 提供 Material Web 文档检索", "boundary": "不是 Google 官方服务；库本身的维护状态需另行考虑", "command": "", "label": "社区 MCP", "level": "community", "llms": null, "skills": null, "note": "", "sources": [ { "label": "MCP 接入说明", "url": "https://github.com/shanthropic/material-web-mcp", "kind": "community" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/material-components/material-web/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "Material Web material-components/material-web official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-57.json" }, "image": "assets/57.webp", "thumbnail": "assets/57-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "CSS / Web Components", "families": [ "CSS / Web Components" ], "type": "样式与基础", "editorial": { "summary": "Material Web 用 Web Components 实现 Material Design 控件，适合跨框架使用统一的 Material 外观。它更偏基础控件，而非完整应用模板。", "features": [ "按钮、输入、选择等以自定义元素提供。", "主题令牌允许调整颜色和外观，但仍保持 Material 交互语言。", "需要评估项目维护状态与组件覆盖范围，不宜默认当作持续扩展的完整产品套件。" ], "sources": [ { "label": "项目介绍", "url": "https://material-web.dev/" }, { "label": "源码与许可", "url": "https://github.com/material-components/material-web" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "接入页未标注独立服务价格；具体客户端与所调用的模型费用另计。", "sources": [ { "label": "组件与许可", "url": "https://github.com/material-components/material-web" } ] }, "motion": null }, { "id": 58, "name": "Magic UI", "category": "动效与视觉组件", "framework": "React", "repo": "magicuidesign/magicui", "url": "https://magicui.design/", "note": "偏落地页、动态文字和视觉效果，适合作为业务组件库的补充。", "stars": 22279, "canonical_repo": "magicuidesign/magicui", "github": "https://github.com/magicuidesign/magicui", "archived": false, "description": "UI Library for Design Engineers. Animated components and effects you can copy and paste into your apps. Free. Open Source.", "homepage": "https://magicui.design", "license": "MIT", "pushed_at": "2026-09-13T11:24:00Z", "fetched_at": "2026-09-14T14:33:13.599834+00:00", "star_source": "GitHub REST API", "screenshot": "assets/58.png", "screenshot_source": "https://magicui.design/docs/components/marquee", "screenshot_kind": "官方组件文档 / 示例页", "projects": "AI 产品发布页；创意 SaaS 官网；品牌介绍与获客页面", "project_reason": "动态文字、展示卡片和视觉效果可强化首页表达", "project_boundary": "复杂后台、订单管理不能仅靠动效组件完成；需控制动画负担", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "official", "url": "https://magicui.design/docs/mcp", "capability": "官方 MCP 提供 Magic UI 组件知识和代码获取", "boundary": "不自动授予 Pro 模板许可", "command": "npx -y @magicuidesign/mcp@latest", "label": "官方 MCP", "level": "tool", "llms": "https://magicui.design/llms.txt", "skills": null, "note": "", "sources": [ { "label": "MCP 接入说明", "url": "https://magicui.design/docs/mcp", "kind": "official" }, { "label": "官方 LLM 文档", "url": "https://magicui.design/llms.txt", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/magicuidesign/magicui/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "Magic UI magicuidesign/magicui official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-58.json" }, "image": "assets/58.webp", "thumbnail": "assets/58-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "React", "families": [ "React" ], "type": "动效与创意", "editorial": { "summary": "Magic UI 收集适合产品官网的 React 动效组件，重点是动态文字、背景、展示卡片和交互细节。适合给已有页面增加视觉焦点。", "features": [ "提供粒子、滚动、数字变化等效果，可以按模块组合。", "通常与 Tailwind、Motion 和 shadcn 风格组件搭配。", "免费动效与 Pro 页面模板分开；不要在同一页面叠加过多效果影响阅读和性能。" ], "sources": [ { "label": "项目介绍", "url": "https://magicui.design/" }, { "label": "源码与许可", "url": "https://github.com/magicuidesign/magicui" } ] }, "pricing": { "kind": "mixed", "label": "免费 + 付费", "free": "Magic UI 公共动效组件采用 MIT，可免费使用。", "paid": "Magic UI Pro 的成品页面、区块和模板需要购买，免费 MCP 不解锁 Pro 资源。", "mcp": "接入页未标注独立服务价格；具体客户端与所调用的模型费用另计。", "sources": [ { "label": "组件与许可", "url": "https://github.com/magicuidesign/magicui" }, { "label": "免费与付费范围", "url": "https://pro.magicui.design/" } ] }, "motion": { "kind": "focus", "label": "动效为主", "effects": [ "文字动画", "粒子", "数字" ], "description": "动效是主要卖点：动态文字、粒子背景、流动光束、滚动数字和展示卡片。适合产品发布页、SaaS 官网的视觉焦点，可以逐个挑选组合。", "url": "https://magicui.design/docs/components" } }, { "id": 59, "name": "Aceternity UI", "category": "动效与视觉组件", "framework": "React", "repo": null, "url": "https://ui.aceternity.com/", "note": "偏展示页和视觉动效；部分资源收费，需检查公开仓库与官网覆盖关系。", "error": "未确认官方组件库公开源码仓库；组织下 SaaS 模板不作为 UI 库 Star。", "github": "https://github.com/aceternity", "star_source": "不适用 / 未确认", "screenshot": "assets/59.png", "screenshot_source": "https://ui.aceternity.com/", "screenshot_kind": "官网首屏 / 官方展示页", "projects": "设计工作室官网；个人作品集；需要强视觉的产品落地页", "project_reason": "交互展示与动效适合少量重点页面的表现", "project_boundary": "不把它当数据看板或管理后台的完整基础；部分资源收费", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "registry", "url": "https://ui.aceternity.com/docs/cli", "capability": "官网说明使用 shadcn MCP 访问 Aceternity registry", "boundary": "社区同名 aceternity-mcp 不是这一官方指导路线；付费资源单独授权", "command": "", "label": "官方推荐 Registry MCP", "level": "tool", "llms": "https://ui.aceternity.com/llms.txt", "skills": null, "note": "", "sources": [ { "label": "MCP 接入说明", "url": "https://ui.aceternity.com/docs/cli", "kind": "official" }, { "label": "官方 LLM 文档", "url": "https://ui.aceternity.com/llms.txt", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "Aceternity UI official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-59.json" }, "image": "assets/59.webp", "thumbnail": "assets/59-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "React", "families": [ "React" ], "type": "动效与创意", "editorial": { "summary": "Aceternity UI 偏向具有视觉冲击力的 React 展示组件，适合品牌官网、产品发布页和个人作品集。很多组件本身就是一个可参考的页面视觉片段。", "features": [ "背景、悬停、滚动和卡片效果适合用作局部亮点。", "源码可以按项目需要调整，通常配合 Tailwind 与动画库。", "免费组件和 Pro 区块、模板分开；复杂动画仍需在手机和弱设备上检查。" ], "sources": [ { "label": "项目介绍", "url": "https://ui.aceternity.com/" }, { "label": "源码与许可", "url": "https://github.com/aceternity" } ] }, "pricing": { "kind": "mixed", "label": "免费 + 付费", "free": "Aceternity UI 公共组件可按官网许可免费用于个人或商业项目。", "paid": "Aceternity Pro 的组件区块、模板与套餐另行收费，不可把展示预览当作免费源码。", "mcp": "shadcn registry MCP 工具本身可免费使用；访问收费 registry 或 Pro 资源仍需对应授权。", "sources": [ { "label": "组件与许可", "url": "https://github.com/aceternity" }, { "label": "免费与付费范围", "url": "https://ui.aceternity.com/pro" } ] }, "motion": { "kind": "focus", "label": "动效为主", "effects": [ "悬停", "滚动", "背景" ], "description": "以卡片悬停、滚动联动、动态背景和视觉展示区块为主。适合品牌官网与作品集，先挑选一个核心效果，再围绕内容设计节奏。", "url": "https://ui.aceternity.com/components" } }, { "id": 60, "name": "React Bits", "category": "动效与视觉组件", "framework": "React", "repo": "DavidHDev/react-bits", "url": "https://reactbits.dev/", "note": "动态背景、文字与交互效果组件，适合视觉表达。", "stars": 47230, "github": "https://github.com/DavidHDev/react-bits", "star_source": "GitHub 网页嵌入的 stargazerCount 精确字段", "fetched_at": "2026-09-14T14:38:57.377810+00:00", "screenshot": "assets/60.png", "screenshot_source": "https://reactbits.dev/", "screenshot_kind": "官网首屏 / 官方展示页", "projects": "互动作品集；3D/动态背景官网；展览与创意体验入口", "project_reason": "文字、背景、光效和互动组件适合突出视觉记忆点", "project_boundary": "不负责完整 3D 世界或业务后台；WebGL 效果需实测移动端负载", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "registry", "url": "https://reactbits.dev/get-started/mcp", "capability": "官网推荐 shadcn MCP 搜索、浏览和安装 React Bits", "boundary": "需选择 JS/TS 与 CSS/Tailwind 变体；不是性能或无障碍保证", "command": "", "label": "官方推荐 Registry MCP", "level": "tool", "llms": "https://reactbits.dev/llms.txt", "skills": null, "note": "", "sources": [ { "label": "MCP 接入说明", "url": "https://reactbits.dev/get-started/mcp", "kind": "official" }, { "label": "官方 LLM 文档", "url": "https://reactbits.dev/llms.txt", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/DavidHDev/react-bits/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "React Bits DavidHDev/react-bits official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-60.json" }, "image": "assets/60.webp", "thumbnail": "assets/60-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "React", "families": [ "React" ], "type": "动效与创意", "editorial": { "summary": "React Bits 聚焦创意 React 动效，从文字、背景到交互式视觉都有独立示例。适合先看效果找灵感，再把选中的模块加入自己的页面。", "features": [ "提供 JS/TS 与不同样式写法的变体，方便按项目习惯选择。", "部分效果涉及 Canvas、WebGL 或动画依赖，接入成本不完全相同。", "公共组件允许个人与商业使用，但附 Commons Clause；Pro 资源另有商业授权。" ], "sources": [ { "label": "项目介绍", "url": "https://reactbits.dev/" }, { "label": "源码与许可", "url": "https://github.com/DavidHDev/react-bits" } ] }, "pricing": { "kind": "mixed", "label": "免费 + 付费", "free": "React Bits 公共组件可用于个人和商业项目，采用 MIT + Commons Clause，限制把组件本身作为竞争资源出售。", "paid": "React Bits Pro 的组件、区块和模板需要单独商业许可。", "mcp": "shadcn registry MCP 工具本身可免费使用；访问收费 registry 或 Pro 资源仍需对应授权。", "sources": [ { "label": "组件与许可", "url": "https://github.com/DavidHDev/react-bits" }, { "label": "免费与付费范围", "url": "https://pro.reactbits.dev/license" } ] }, "motion": { "kind": "focus", "label": "动效为主", "effects": [ "文字", "背景", "交互" ], "description": "提供大量独立的文字动画、动态背景与交互效果；部分涉及 Canvas 或 WebGL。适合寻找鲜明视觉方向，选择时可同时比较效果与接入依赖。", "url": "https://reactbits.dev/" } }, { "id": 61, "name": "Motion Primitives", "category": "动效与视觉组件", "framework": "React", "repo": "ibelick/motion-primitives", "url": "https://motion-primitives.com/", "note": "基于 Motion 的可组合动画组件。", "stars": 6291, "github": "https://github.com/ibelick/motion-primitives", "canonical_repo": "ibelick/motion-primitives", "star_source": "GitHub 网页嵌入的 stargazerCount 精确字段", "fetched_at": "2026-09-14T14:35:16.201206+00:00", "archived": false, "screenshot": "assets/61.png", "screenshot_source": "https://motion-primitives.com/docs/accordion", "screenshot_kind": "官方组件文档 / 示例页", "projects": "AI 工作台微交互；动态内容切换；SaaS 卡片与页面过渡", "project_reason": "局部动画原语适合在既有界面上增强反馈", "project_boundary": "不能替代输入、业务表格、权限与完整主题体系", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "unconfirmed", "url": "https://github.com/ibelick/motion-primitives", "capability": "可把官方文档、README 与具体组件源码提供给 AI；本轮未确认专用 MCP。", "boundary": "检索未找到不等于不存在；普通源码可读不等于已提供 AI 专用工具。", "command": "", "label": "未确认专用 MCP", "level": "standard", "llms": null, "skills": null, "note": "可读取官方源码和组件示例；第三方目录收录不证明原库提供专用 MCP。", "sources": [ { "label": "官方文档 / 源码", "url": "https://github.com/ibelick/motion-primitives", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/ibelick/motion-primitives/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "Motion Primitives ibelick/motion-primitives official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": null, "fullAudit": "research/search-61.json" }, "image": "assets/61.webp", "thumbnail": "assets/61-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "React", "families": [ "React" ], "type": "动效与创意", "editorial": { "summary": "Motion Primitives 提供可组合的 React 动画部件，偏向自然的界面过渡和细节表现。适合让现有产品更有节奏，而不是重建一整套业务控件。", "features": [ "文字变化、进入退出和布局变化可作为独立部件使用。", "围绕 Motion 组织，方便进一步调整时长和运动方式。", "适合产品交互与作品展示；免费 primitives 与 Pro 组件、区块分开。" ], "sources": [ { "label": "项目介绍", "url": "https://motion-primitives.com/" }, { "label": "源码与许可", "url": "https://github.com/ibelick/motion-primitives" } ] }, "pricing": { "kind": "mixed", "label": "免费 + 付费", "free": "Motion Primitives 公共组件采用 MIT，可免费使用。", "paid": "Motion Primitives Pro 的额外组件与模板需要购买。", "mcp": "未提供明确的专用 MCP 入口。", "sources": [ { "label": "组件与许可", "url": "https://github.com/ibelick/motion-primitives" }, { "label": "免费与付费范围", "url": "https://pro.motion-primitives.com/" } ] }, "motion": { "kind": "focus", "label": "动效为主", "effects": [ "文字过渡", "布局变化" ], "description": "围绕文字、进入退出和布局变化提供可组合的动画部件。更偏产品界面里的自然过渡，适合把动效融入已有页面和交互流程。", "url": "https://motion-primitives.com/" } }, { "id": 62, "name": "Animate UI", "category": "动效与视觉组件", "framework": "React", "repo": "imskyleen/animate-ui", "url": "https://animate-ui.com/", "note": "带动画的组件集合，适合补充常规交互的动效。", "stars": 4291, "github": "https://github.com/imskyleen/animate-ui", "canonical_repo": "imskyleen/animate-ui", "star_source": "GitHub 网页嵌入的 stargazerCount 精确字段", "fetched_at": "2026-09-14T14:35:26.236641+00:00", "archived": false, "screenshot": "assets/62.png", "screenshot_source": "https://animate-ui.com/docs/components/buttons/button", "screenshot_kind": "官方组件文档 / 示例页", "projects": "带统一动效的 React SaaS；交互式设置页；产品演示页", "project_reason": "源码组件方便把运动效果与常规交互组合", "project_boundary": "先确认每个组件依赖，性能与减少动态效果设置需要验收", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "registry", "url": "https://animate-ui.com/docs/mcp", "capability": "官网说明使用 shadcn registry MCP 接入 Animate UI", "boundary": "需正确配置 registry；具体组件依赖需检查", "command": "", "label": "官方推荐 Registry MCP", "level": "tool", "llms": null, "skills": null, "note": "", "sources": [ { "label": "MCP 接入说明", "url": "https://animate-ui.com/docs/mcp", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/imskyleen/animate-ui/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "Animate UI imskyleen/animate-ui official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-62.json" }, "image": "assets/62.webp", "thumbnail": "assets/62-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "React", "families": [ "React" ], "type": "动效与创意", "editorial": { "summary": "Animate UI 在常见 React 组件中加入动画，适合希望表单、导航和反馈保持统一动效的项目。它比纯背景效果库更靠近日常应用控件。", "features": [ "通过源码或 registry 安装，能继续修改动画与样式。", "结合交互原语、Tailwind 与 Motion，减少自己组合动画控件的工作。", "适合产品微交互；仍应保留减少动态效果的体验并检查键盘操作。" ], "sources": [ { "label": "项目介绍", "url": "https://animate-ui.com/" }, { "label": "源码与许可", "url": "https://github.com/imskyleen/animate-ui" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "shadcn registry MCP 工具本身可免费使用；访问收费 registry 或 Pro 资源仍需对应授权。", "sources": [ { "label": "组件与许可", "url": "https://github.com/imskyleen/animate-ui" } ] }, "motion": { "kind": "focus", "label": "动效为主", "effects": [ "控件动画", "图标", "文字" ], "description": "把动画加入常见 React 控件、图标和文字效果，适合统一按钮、导航、展开与反馈的运动方式。组件源码可继续定制。", "url": "https://animate-ui.com/" } }, { "id": 63, "name": "coss ui", "category": "源码与无样式底座", "framework": "React", "repo": "cosscom/coss", "url": "https://coss.com/ui", "note": "Origin UI 旧网址与旧仓库均重定向到 coss；当前为基于 Base UI 的 React 源码组件。Star 是 coss 共用仓库总数。", "stars": 10573, "github": "https://github.com/cosscom/coss", "canonical_repo": "cosscom/coss", "star_source": "GitHub 网页嵌入的 stargazerCount 精确字段", "fetched_at": "2026-09-14T14:35:29.714312+00:00", "archived": false, "screenshot": "assets/63.png", "screenshot_source": "https://coss.com/ui", "screenshot_kind": "官网首屏 / 官方展示页", "projects": "品牌化 SaaS 设置中心；项目工作台；自定义表单与卡片系统", "project_reason": "Base UI 与可控源码适合在细分业务页面上深入定制", "project_boundary": "旧 Origin UI 教程不一定匹配当前结构；拖拽和业务流程另做", "ios_relation": "Web 组件，不是原生 iOS 控件", "ai": { "status": "unconfirmed", "url": "https://github.com/cosscom/coss", "capability": "可把官方文档、README 与具体组件源码提供给 AI；本轮未确认专用 MCP。", "boundary": "检索未找到不等于不存在；普通源码可读不等于已提供 AI 专用工具。", "command": "", "label": "未确认专用 MCP", "level": "docs", "llms": "https://coss.com/ui/llms.txt", "skills": "https://coss.com/ui/docs/skills", "note": "官方明确提供 Agent Skills 与 llms.txt；本轮未确认专用官方 MCP。", "sources": [ { "label": "官方文档 / 源码", "url": "https://github.com/cosscom/coss", "kind": "official" }, { "label": "官方 LLM 文档", "url": "https://coss.com/ui/llms.txt", "kind": "official" }, { "label": "官方 AI 工作流 / Skills", "url": "https://coss.com/ui/docs/skills", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/cosscom/coss/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "coss ui（原 Origin UI） cosscom/coss official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-63.json" }, "image": "assets/63.webp", "thumbnail": "assets/63-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "Web", "family": "React", "families": [ "React" ], "type": "无样式与源码", "editorial": { "summary": "coss ui 是基于 Base UI 的 React 源码组件集合，延续了 Origin UI 的相关入口。它强调清晰、简洁的基础视觉，适合搭建可持续扩展的产品组件系统。", "features": [ "可以把组件源码加入项目，直接修改结构与 Tailwind 样式。", "依托 Base UI 处理交互，让外观与业务封装留在项目内。", "UI 组件目录采用 MIT，但同一仓库其他目录可能采用不同许可，使用时要区分具体资源。" ], "sources": [ { "label": "项目介绍", "url": "https://coss.com/ui" }, { "label": "源码与许可", "url": "https://github.com/cosscom/coss" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "coss 的 UI 组件目录采用 MIT，可免费使用。", "paid": "同一仓库并非所有目录都采用 MIT；其他目录可能采用 AGPLv3，不能直接套用 UI 组件许可。", "mcp": "官方 AI 文档可公开读取；没有明确的专用 MCP 入口。", "sources": [ { "label": "组件与许可", "url": "https://github.com/cosscom/coss" }, { "label": "仓库许可分区", "url": "https://github.com/cosscom/coss/blob/main/LICENSING.md" } ] }, "motion": null }, { "id": 64, "name": "SwiftUI", "category": "iOS 原生基础", "framework": "Swift / SwiftUI", "repo": null, "url": "https://developer.apple.com/swiftui/", "note": "系统级视图、表单、列表、导航和状态驱动 UI；是完整原生应用的基础，不是第三方皮肤库。", "github": null, "star_source": "不适用：Apple 系统框架没有对应公开 GitHub 实现仓库", "screenshot": "assets/64.png", "screenshot_source": "https://developer.apple.com/swiftui/", "screenshot_kind": "官方网页展示 / 组件文档", "projects": "习惯打卡与个人记录；活动报名/预约客户端；内容阅读和会员服务 App", "project_reason": "系统列表、表单、导航与控件可构成整个产品，并随系统设计体系演进", "project_boundary": "这是优先评估的原生基础，不是仅适合小项目；业务分层、数据同步与服务端仍要设计", "architecture": "原生 iPhone/iPad App；SwiftUI 状态驱动视图；按需与 UIKit 混合", "ai": { "status": "ecosystem", "url": "https://developer.apple.com/documentation/xcode/giving-external-agents-access-to-xcode", "capability": "Apple 官方 Xcode MCP bridge 向外部 AI 开放 Xcode 能力，可辅助 SwiftUI 项目", "boundary": "Xcode 需支持该功能且开启外部 agent 访问；不是 SwiftUI 专用远程 MCP", "command": "xcrun mcpbridge", "label": "官方生态 MCP", "level": "ecosystem", "llms": null, "skills": null, "note": "", "sources": [ { "label": "MCP 接入说明", "url": "https://developer.apple.com/documentation/xcode/giving-external-agents-access-to-xcode", "kind": "official" }, { "label": "社区 Apple 文档 MCP（非 Apple 官方）", "url": "https://github.com/kimsungwhee/apple-docs-mcp", "kind": "community" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "SwiftUI（Apple 官方） official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-64.json" }, "image": "assets/64.webp", "thumbnail": "assets/64-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "iOS 原生", "family": "Swift / UIKit", "families": [ "Swift / UIKit" ], "type": "原生与移动", "editorial": { "summary": "SwiftUI 是 Apple 的声明式界面框架，通过状态描述界面如何显示。适合开发 Apple 平台原生应用，并利用系统导航、控件和平台行为。", "features": [ "界面与状态绑定，适合组织列表、表单、导航和动画。", "可以与 UIKit 等现有工程结合，逐步接入。", "不同系统版本可用 API 不同；框架免费不代表 App Store 分发及其他服务都免费。" ], "sources": [ { "label": "项目介绍", "url": "https://developer.apple.com/swiftui/" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "框架随 Apple SDK 提供，无需单独购买组件库。可使用免费 Apple 开发者账号学习、开发与测试。", "paid": "通过 App Store 等方式分发通常需要付费的 Apple Developer Program；这属于分发服务费用，不是框架授权费。", "mcp": "Xcode MCP bridge 随开发工具使用；外部 AI 客户端与模型可能另收费。", "sources": [ { "label": "开发与分发费用", "url": "https://developer.apple.com/support/compare-memberships/" } ] }, "motion": { "kind": "toolkit", "label": "动画开发基础", "effects": [ "状态动画", "弹簧", "转场" ], "description": "框架提供动画、视图过渡和状态驱动的运动能力，可定制布局变化与元素匹配效果。需要自己编排，区别于直接复制一套成品特效。", "url": "https://developer.apple.com/documentation/swiftui/animations" } }, { "id": 65, "name": "UIKit", "category": "iOS 原生基础", "framework": "Swift / Objective-C / UIKit", "repo": null, "url": "https://developer.apple.com/documentation/uikit", "note": "原生视图与控制器体系，可精细管理列表、手势和界面生命周期。", "github": null, "star_source": "不适用：Apple 系统框架没有对应公开 GitHub 实现仓库", "screenshot": "assets/65.png", "screenshot_source": "https://developer.apple.com/documentation/uikit", "screenshot_kind": "官方网页展示 / 组件文档", "projects": "已有大型 iOS App 持续开发；复杂列表/编辑器；需要精细手势控制的专业工具", "project_reason": "能直接控制视图与生命周期，并和现有 UIKit 生态配合", "project_boundary": "不是与 SwiftUI 必须二选一；可渐进混合，不需要为使用某个模块重写整个 App", "architecture": "原生 iOS；UIView/UIViewController；可桥接 SwiftUI", "ai": { "status": "ecosystem", "url": "https://developer.apple.com/documentation/xcode/giving-external-agents-access-to-xcode", "capability": "Apple 官方 Xcode MCP bridge 可辅助 UIKit 工程开发", "boundary": "与 SwiftUI 共用 Xcode 工具链入口；第三方 Apple 文档 MCP 不属于 Apple 官方", "command": "xcrun mcpbridge", "label": "官方生态 MCP", "level": "ecosystem", "llms": null, "skills": null, "note": "", "sources": [ { "label": "MCP 接入说明", "url": "https://developer.apple.com/documentation/xcode/giving-external-agents-access-to-xcode", "kind": "official" }, { "label": "社区 Apple 文档 MCP（非 Apple 官方）", "url": "https://github.com/kimsungwhee/apple-docs-mcp", "kind": "community" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "UIKit（Apple 官方） official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-65.json" }, "image": "assets/65.webp", "thumbnail": "assets/65-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "iOS 原生", "family": "Swift / UIKit", "families": [ "Swift / UIKit" ], "type": "原生与移动", "editorial": { "summary": "UIKit 是 Apple 的成熟原生界面框架，适合需要精细控制界面生命周期、布局与复杂交互的 iOS 应用。已有大型工程中也很常见。", "features": [ "View、ViewController、Collection View 等支持复杂页面组织。", "布局、动画、手势和系统能力可以更细致地控制。", "适合复杂原生产品或旧工程延续；编码与状态管理通常比声明式方案更繁琐。" ], "sources": [ { "label": "项目介绍", "url": "https://developer.apple.com/documentation/uikit" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "框架随 Apple SDK 提供，无需单独购买组件库。可使用免费 Apple 开发者账号学习、开发与测试。", "paid": "通过 App Store 等方式分发通常需要付费的 Apple Developer Program；这属于分发服务费用，不是框架授权费。", "mcp": "Xcode MCP bridge 随开发工具使用；外部 AI 客户端与模型可能另收费。", "sources": [ { "label": "开发与分发费用", "url": "https://developer.apple.com/support/compare-memberships/" } ] }, "motion": { "kind": "toolkit", "label": "动画开发基础", "effects": [ "视图动画", "手势联动" ], "description": "通过视图动画、属性动画和转场 API 控制原生界面的移动、缩放与状态变化。适合精细编排复杂交互，需要自行实现动画逻辑。", "url": "https://developer.apple.com/documentation/uikit/animation-and-haptics" } }, { "id": 66, "name": "Swift Charts", "category": "iOS 原生基础", "framework": "Swift / SwiftUI", "repo": null, "url": "https://developer.apple.com/documentation/charts", "note": "Apple 的声明式图表框架，支持标记、坐标轴、图例等组合；只负责数据可视化模块。", "github": null, "star_source": "不适用：Apple 系统框架没有对应公开 GitHub 实现仓库", "screenshot": "assets/66.png", "screenshot_source": "https://developer.apple.com/documentation/charts", "screenshot_kind": "官方网页展示 / 组件文档", "projects": "健康/运动趋势看板；收支统计；学习时长或经营指标图表", "project_reason": "图表构建块适合柱形、折线、散点等数据表达，与原生 SwiftUI 界面结合", "project_boundary": "只提供图表；数据采集、指标定义、业务计算另做；核对每个 API 的系统版本要求", "architecture": "SwiftUI 的图表层；UIKit 可通过 SwiftUI 容器集成", "ai": { "status": "ecosystem", "url": "https://developer.apple.com/documentation/xcode/giving-external-agents-access-to-xcode", "capability": "Swift Charts 可通过 Xcode 工具链配合 AI 开发", "boundary": "未确认 Swift Charts 独立 MCP；Xcode bridge 是生态能力", "command": "xcrun mcpbridge", "label": "官方生态 MCP", "level": "ecosystem", "llms": null, "skills": null, "note": "", "sources": [ { "label": "MCP 接入说明", "url": "https://developer.apple.com/documentation/xcode/giving-external-agents-access-to-xcode", "kind": "official" }, { "label": "社区 Apple 文档 MCP（非 Apple 官方）", "url": "https://github.com/kimsungwhee/apple-docs-mcp", "kind": "community" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "Swift Charts（Apple 官方） official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-66.json" }, "image": "assets/66.webp", "thumbnail": "assets/66-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "iOS 原生", "family": "Swift / UIKit", "families": [ "Swift / UIKit" ], "type": "原生与移动", "editorial": { "summary": "Swift Charts 是 Apple 面向 SwiftUI 的图表框架，适合在原生应用内呈现趋势、比较和分布。它与系统界面、布局和可访问性能力结合。", "features": [ "通过图形标记和数据映射组织折线、柱状等图表。", "坐标轴、图例和样式可按分析场景调整。", "适合健康、财务或活动数据展示；高级图表与交互能力要按目标系统版本确认。" ], "sources": [ { "label": "项目介绍", "url": "https://developer.apple.com/documentation/charts" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "框架随 Apple SDK 提供，无需单独购买组件库。可使用免费 Apple 开发者账号学习、开发与测试。", "paid": "通过 App Store 等方式分发通常需要付费的 Apple Developer Program；这属于分发服务费用，不是框架授权费。", "mcp": "Xcode MCP bridge 随开发工具使用；外部 AI 客户端与模型可能另收费。", "sources": [ { "label": "开发与分发费用", "url": "https://developer.apple.com/support/compare-memberships/" } ] }, "motion": null }, { "id": 67, "name": "SwiftUIX", "category": "SwiftUI 组件与模块", "framework": "SwiftUI", "repo": "SwiftUIX/SwiftUIX", "url": "https://github.com/SwiftUIX/SwiftUIX", "note": "补足 SwiftUI 的组件、扩展和系统界面桥接能力。", "stars": 8157, "github": "https://github.com/SwiftUIX/SwiftUIX", "canonical_repo": "SwiftUIX/SwiftUIX", "archived": false, "fetched_at": "2026-09-14T14:50:28.653068+00:00", "star_source": "GitHub 官方仓库网页 stargazerCount 精确字段", "screenshot": "assets/67.png", "screenshot_source": "https://github.com/SwiftUIX/SwiftUIX", "screenshot_kind": "官方 README 能力介绍（非具体控件预览）", "projects": "需要系统能力桥接的生产力工具；多种输入/滚动控件的业务 App", "project_reason": "补足 SwiftUI 标准能力的空缺，减少重复桥接代码", "project_boundary": "不是整套 App 皮肤；先确认当前系统自带控件是否已经满足，按需引入", "architecture": "SwiftUI 项目的补充组件层", "ai": { "status": "unconfirmed", "url": "https://github.com/SwiftUIX/SwiftUIX", "capability": "可把官方文档、README 与具体组件源码提供给 AI；本轮未确认专用 MCP。", "boundary": "检索未找到不等于不存在；普通源码可读不等于已提供 AI 专用工具。", "command": "", "label": "未确认专用 MCP", "level": "standard", "llms": null, "skills": null, "note": "", "sources": [ { "label": "官方文档 / 源码", "url": "https://github.com/SwiftUIX/SwiftUIX", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/SwiftUIX/SwiftUIX/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "SwiftUIX SwiftUIX/SwiftUIX official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-67.json" }, "image": "assets/67.webp", "thumbnail": "assets/67-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "iOS 原生", "family": "Swift / UIKit", "families": [ "Swift / UIKit" ], "type": "原生与移动", "editorial": { "summary": "SwiftUIX 补充 SwiftUI 中没有直接提供、或使用起来不够方便的界面能力。适合在原生应用开发时按需补齐控件，而不是替换整个框架。", "features": [ "封装部分 UIKit/AppKit 能力，使其更容易在 SwiftUI 中使用。", "提供额外视图、布局和工具，减少自己重复桥接的代码。", "应优先比较系统已有 API，并检查所用扩展对目标系统的支持。" ], "sources": [ { "label": "项目介绍", "url": "https://github.com/SwiftUIX/SwiftUIX" }, { "label": "源码与许可", "url": "https://github.com/SwiftUIX/SwiftUIX" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "未提供明确的专用 MCP 入口。", "sources": [ { "label": "组件与许可", "url": "https://github.com/SwiftUIX/SwiftUIX" } ] }, "motion": null }, { "id": 68, "name": "PopupView", "category": "SwiftUI 组件与模块", "framework": "SwiftUI", "repo": "exyte/PopupView", "url": "https://github.com/exyte/PopupView", "note": "可定制弹窗、浮层、Toast 与底部展示模块。", "stars": 4059, "github": "https://github.com/exyte/PopupView", "canonical_repo": "exyte/PopupView", "archived": false, "fetched_at": "2026-09-14T14:50:28.481327+00:00", "star_source": "GitHub 官方仓库网页 stargazerCount 精确字段", "screenshot": "assets/68.png", "screenshot_source": "https://github.com/exyte/PopupView?tab=readme-ov-file", "screenshot_kind": "官方仓库 README 中的演示/介绍", "projects": "会员引导；打卡成功反馈；筛选或说明面板", "project_reason": "弹出位置与样式可定制，适合临时内容和轻任务反馈", "project_boundary": "不负责会员业务、支付或复杂导航；普通系统弹窗已够用时不必新增依赖", "architecture": "SwiftUI 内嵌的弹窗/浮层模块", "ai": { "status": "unconfirmed", "url": "https://github.com/exyte/PopupView", "capability": "可把官方文档、README 与具体组件源码提供给 AI；本轮未确认专用 MCP。", "boundary": "检索未找到不等于不存在；普通源码可读不等于已提供 AI 专用工具。", "command": "", "label": "未确认专用 MCP", "level": "standard", "llms": null, "skills": null, "note": "", "sources": [ { "label": "官方文档 / 源码", "url": "https://github.com/exyte/PopupView", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/exyte/PopupView/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "PopupView exyte/PopupView official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-68.json" }, "image": "assets/68.webp", "thumbnail": "assets/68-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "iOS 原生", "family": "Swift / UIKit", "families": [ "Swift / UIKit" ], "type": "原生与移动", "editorial": { "summary": "PopupView 用于在 SwiftUI 中展示自定义弹出层、浮层和提示。适合活动提醒、操作确认或内容预览等轻量交互。", "features": [ "可以控制出现位置、动画、背景和关闭方式。", "内容由 SwiftUI 视图提供，便于保持产品自己的样式。", "它解决展示层，不会自动提供通知业务、任务队列或权限管理。" ], "sources": [ { "label": "项目介绍", "url": "https://github.com/exyte/PopupView" }, { "label": "源码与许可", "url": "https://github.com/exyte/PopupView" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "未提供明确的专用 MCP 入口。", "sources": [ { "label": "组件与许可", "url": "https://github.com/exyte/PopupView" } ] }, "motion": { "kind": "included", "label": "含动画组件", "effects": [ "弹出", "滑入", "缩放" ], "description": "弹窗可以从不同方向滑入或缩放出现，也能配置退出方向和弹簧动画。适合提示、浮层和轻量操作面板。", "url": "https://github.com/exyte/PopupView" } }, { "id": 69, "name": "AlertToast", "category": "SwiftUI 组件与模块", "framework": "SwiftUI", "repo": "elai950/AlertToast", "url": "https://github.com/elai950/AlertToast", "note": "成功、错误、加载等轻量提示组件。", "stars": 2446, "github": "https://github.com/elai950/AlertToast", "canonical_repo": "elai950/AlertToast", "archived": false, "star_source": "GitHub 官方仓库网页 stargazerCount 精确字段", "fetched_at": "2026-09-14T14:54:09.581322+00:00", "screenshot": "assets/69.png", "screenshot_source": "https://github.com/elai950/AlertToast?tab=readme-ov-file", "screenshot_kind": "官方仓库 README 中的演示/介绍", "projects": "保存成功提示；签到反馈；网络提交中的加载提示", "project_reason": "现成成功/失败/加载样式适合短暂状态反馈", "project_boundary": "不能把 Toast 当作需要用户确认的重要决策流程；实际状态来自业务逻辑", "architecture": "SwiftUI 内的轻量反馈模块", "ai": { "status": "unconfirmed", "url": "https://github.com/elai950/AlertToast", "capability": "可把官方文档、README 与具体组件源码提供给 AI；本轮未确认专用 MCP。", "boundary": "检索未找到不等于不存在；普通源码可读不等于已提供 AI 专用工具。", "command": "", "label": "未确认专用 MCP", "level": "standard", "llms": null, "skills": null, "note": "", "sources": [ { "label": "官方文档 / 源码", "url": "https://github.com/elai950/AlertToast", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/elai950/AlertToast/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "AlertToast elai950/AlertToast official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-69.json" }, "image": "assets/69.webp", "thumbnail": "assets/69-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "iOS 原生", "family": "Swift / UIKit", "families": [ "Swift / UIKit" ], "type": "原生与移动", "editorial": { "summary": "AlertToast 为 SwiftUI 提供轻量提示与状态反馈，适合保存成功、加载完成和短暂错误提示。比完整模态对话框更轻，不打断整页流程。", "features": [ "支持不同样式的提示内容与展示位置。", "通过状态绑定控制出现与隐藏，方便跟随操作结果。", "适合即时反馈；需要用户确认的重要决定不应只用短暂 Toast 表达。" ], "sources": [ { "label": "项目介绍", "url": "https://github.com/elai950/AlertToast" }, { "label": "源码与许可", "url": "https://github.com/elai950/AlertToast" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "未提供明确的专用 MCP 入口。", "sources": [ { "label": "组件与许可", "url": "https://github.com/elai950/AlertToast" } ] }, "motion": { "kind": "included", "label": "含动画组件", "effects": [ "提示出现", "状态反馈" ], "description": "提示进入退出之外，还提供成功勾选和错误标记的动画反馈，适合保存、上传或提交后的短暂状态提示。", "url": "https://github.com/elai950/AlertToast" } }, { "id": 70, "name": "BottomSheet（SwiftUI）", "category": "SwiftUI 组件与模块", "framework": "SwiftUI", "repo": "lucaszischka/BottomSheet", "url": "https://github.com/lucaszischka/BottomSheet", "note": "支持拖动与多个展示高度的底部面板。", "stars": 1243, "github": "https://github.com/lucaszischka/BottomSheet", "canonical_repo": "lucaszischka/BottomSheet", "archived": false, "fetched_at": "2026-09-14T14:50:28.672344+00:00", "star_source": "GitHub 官方仓库网页 stargazerCount 精确字段", "screenshot": "assets/70.png", "screenshot_source": "https://github.com/lucaszischka/BottomSheet", "screenshot_kind": "官方仓库 README 中的演示/介绍", "projects": "地图地点详情；电商筛选；播放队列或预约时段选择", "project_reason": "多高度与拖动交互适合在保留底层上下文时展示详情", "project_boundary": "不是整套地图或预约系统；先比较系统 sheet 能力是否已足够", "architecture": "SwiftUI 底部可拖动面板", "ai": { "status": "unconfirmed", "url": "https://github.com/lucaszischka/BottomSheet", "capability": "可把官方文档、README 与具体组件源码提供给 AI；本轮未确认专用 MCP。", "boundary": "检索未找到不等于不存在；普通源码可读不等于已提供 AI 专用工具。", "command": "", "label": "未确认专用 MCP", "level": "standard", "llms": null, "skills": null, "note": "", "sources": [ { "label": "官方文档 / 源码", "url": "https://github.com/lucaszischka/BottomSheet", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/lucaszischka/BottomSheet/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "BottomSheet（SwiftUI） lucaszischka/BottomSheet official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-70.json" }, "image": "assets/70.webp", "thumbnail": "assets/70-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "iOS 原生", "family": "Swift / UIKit", "families": [ "Swift / UIKit" ], "type": "原生与移动", "editorial": { "summary": "这个 BottomSheet 为 SwiftUI 提供可拖动的底部面板，适合地图详情、筛选器和分步信息展示。面板可以在多个高度之间切换。", "features": [ "通过位置状态组织收起、半展开与展开等层级。", "内容与背景可以自定义，以融入现有原生页面。", "与滚动视图、键盘和系统手势的配合需要在目标设备验证。" ], "sources": [ { "label": "项目介绍", "url": "https://github.com/lucaszischka/BottomSheet" }, { "label": "源码与许可", "url": "https://github.com/lucaszischka/BottomSheet" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "未提供明确的专用 MCP 入口。", "sources": [ { "label": "组件与许可", "url": "https://github.com/lucaszischka/BottomSheet" } ] }, "motion": { "kind": "included", "label": "含动画组件", "effects": [ "拖拽", "面板展开" ], "description": "底部面板可在多个高度之间切换，并配置状态变化动画。适合地图详情和筛选面板的拖拽、展开与收起。", "url": "https://github.com/lucaszischka/BottomSheet" } }, { "id": 71, "name": "SwiftUIPager", "category": "SwiftUI 组件与模块", "framework": "SwiftUI", "repo": "fermoya/SwiftUIPager", "url": "https://github.com/fermoya/SwiftUIPager", "note": "可定制分页与卡片轮播组件。", "stars": 1470, "github": "https://github.com/fermoya/SwiftUIPager", "canonical_repo": "fermoya/SwiftUIPager", "archived": false, "fetched_at": "2026-09-14T14:50:29.380961+00:00", "star_source": "GitHub 官方仓库网页 stargazerCount 精确字段", "screenshot": "assets/71.png", "screenshot_source": "https://github.com/fermoya/SwiftUIPager", "screenshot_kind": "官方仓库 README 中的演示/介绍", "projects": "新手引导；课程卡片浏览；图片或商品轮播", "project_reason": "自定义分页布局比普通单页内容更适合连贯卡片浏览", "project_boundary": "不自带课程、商品或图片服务；简单分页可先评估系统组件", "architecture": "SwiftUI 分页/卡片容器", "ai": { "status": "unconfirmed", "url": "https://github.com/fermoya/SwiftUIPager", "capability": "可把官方文档、README 与具体组件源码提供给 AI；本轮未确认专用 MCP。", "boundary": "检索未找到不等于不存在；普通源码可读不等于已提供 AI 专用工具。", "command": "", "label": "未确认专用 MCP", "level": "standard", "llms": null, "skills": null, "note": "", "sources": [ { "label": "官方文档 / 源码", "url": "https://github.com/fermoya/SwiftUIPager", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/fermoya/SwiftUIPager/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "SwiftUIPager fermoya/SwiftUIPager official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-71.json" }, "image": "assets/71.webp", "thumbnail": "assets/71-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "iOS 原生", "family": "Swift / UIKit", "families": [ "Swift / UIKit" ], "type": "原生与移动", "editorial": { "summary": "SwiftUIPager 是 SwiftUI 的分页滑动容器，适合卡片浏览、教程引导和内容翻页。它把分页状态与动画组织成可复用组件。", "features": [ "支持横向或纵向分页，并能调整页间距和展示效果。", "可以用自己的 SwiftUI 内容构建每一页。", "适合以页为单位的浏览；长列表和复杂嵌套滚动应另行评估。" ], "sources": [ { "label": "项目介绍", "url": "https://github.com/fermoya/SwiftUIPager" }, { "label": "源码与许可", "url": "https://github.com/fermoya/SwiftUIPager" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "未提供明确的专用 MCP 入口。", "sources": [ { "label": "组件与许可", "url": "https://github.com/fermoya/SwiftUIPager" } ] }, "motion": { "kind": "included", "label": "含动画组件", "effects": [ "分页滑动", "卡片切换" ], "description": "分页容器支持水平、垂直滑动与分页动画，适合卡片浏览、引导页和内容切换。可以调整页面间距与过渡方式。", "url": "https://github.com/fermoya/SwiftUIPager" } }, { "id": 72, "name": "Exyte Chat", "category": "SwiftUI 组件与模块", "framework": "SwiftUI", "repo": "exyte/Chat", "url": "https://github.com/exyte/Chat", "note": "可定制聊天消息界面与输入体验；不提供完整聊天服务端。", "stars": 1865, "github": "https://github.com/exyte/Chat", "canonical_repo": "exyte/Chat", "archived": false, "fetched_at": "2026-09-14T14:50:29.419116+00:00", "star_source": "GitHub 官方仓库网页 stargazerCount 精确字段", "screenshot": "assets/72.png", "screenshot_source": "https://github.com/exyte/Chat", "screenshot_kind": "官方仓库 README 中的演示/介绍", "projects": "AI 助手聊天；社区私信；移动客服", "project_reason": "可定制消息单元与媒体输入更接近聊天项目的实际界面需要", "project_boundary": "只解决聊天 UI；模型接口、流式输出、账号、推送、历史消息与安全规则另接", "architecture": "SwiftUI 聊天界面层", "ai": { "status": "unconfirmed", "url": "https://github.com/exyte/Chat", "capability": "可把官方文档、README 与具体组件源码提供给 AI；本轮未确认专用 MCP。", "boundary": "检索未找到不等于不存在；普通源码可读不等于已提供 AI 专用工具。", "command": "", "label": "未确认专用 MCP", "level": "standard", "llms": null, "skills": null, "note": "", "sources": [ { "label": "官方文档 / 源码", "url": "https://github.com/exyte/Chat", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/exyte/Chat/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "Exyte Chat exyte/Chat official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-72.json" }, "image": "assets/72.webp", "thumbnail": "assets/72-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "iOS 原生", "family": "Swift / UIKit", "families": [ "Swift / UIKit" ], "type": "原生与移动", "editorial": { "summary": "Exyte Chat 提供可定制的 SwiftUI 聊天界面，包括消息、输入区和媒体选择相关能力。适合在已有通信后端上搭建聊天体验。", "features": [ "消息单元格和输入区可以按品牌或消息类型调整。", "支持围绕媒体附件和消息交互扩展界面。", "它不是完整聊天服务，消息存储、实时通信、账号与推送需要自行接入。" ], "sources": [ { "label": "项目介绍", "url": "https://github.com/exyte/Chat" }, { "label": "源码与许可", "url": "https://github.com/exyte/Chat" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "未提供明确的专用 MCP 入口。", "sources": [ { "label": "组件与许可", "url": "https://github.com/exyte/Chat" } ] }, "motion": null }, { "id": 73, "name": "AnimatedTabBar", "category": "SwiftUI 组件与模块", "framework": "SwiftUI", "repo": "exyte/AnimatedTabBar", "url": "https://github.com/exyte/AnimatedTabBar", "note": "带预设动画的自定义底部导航栏。", "stars": 552, "github": "https://github.com/exyte/AnimatedTabBar", "canonical_repo": "exyte/AnimatedTabBar", "archived": false, "fetched_at": "2026-09-14T14:50:29.423204+00:00", "star_source": "GitHub 官方仓库网页 stargazerCount 精确字段", "screenshot": "assets/73.png", "screenshot_source": "https://github.com/exyte/AnimatedTabBar?tab=readme-ov-file", "screenshot_kind": "官方仓库 README 中的演示/介绍", "projects": "生活方式 App；习惯打卡；年轻化内容社区的底部导航", "project_reason": "动画让常用入口有更强品牌表达，适合导航项不多的产品", "project_boundary": "只提供导航视觉；复杂信息架构和页面状态另做，先考虑系统 TabView 与无障碍", "architecture": "SwiftUI 自定义底部导航组件", "ai": { "status": "unconfirmed", "url": "https://github.com/exyte/AnimatedTabBar", "capability": "可把官方文档、README 与具体组件源码提供给 AI；本轮未确认专用 MCP。", "boundary": "检索未找到不等于不存在；普通源码可读不等于已提供 AI 专用工具。", "command": "", "label": "未确认专用 MCP", "level": "standard", "llms": null, "skills": null, "note": "", "sources": [ { "label": "官方文档 / 源码", "url": "https://github.com/exyte/AnimatedTabBar", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/exyte/AnimatedTabBar/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "AnimatedTabBar exyte/AnimatedTabBar official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-73.json" }, "image": "assets/73.webp", "thumbnail": "assets/73-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "iOS 原生", "family": "Swift / UIKit", "families": [ "Swift / UIKit" ], "type": "原生与移动", "editorial": { "summary": "AnimatedTabBar 给 SwiftUI 底部导航提供动画效果，适合想让主要入口更有辨识度的原生应用。它关注导航外观与状态切换。", "features": [ "可以选择动画样式，并自定义图标和颜色。", "选中状态能与应用自己的页面导航绑定。", "适合轻量的导航点缀；页面路由与状态恢复仍需由应用管理。" ], "sources": [ { "label": "项目介绍", "url": "https://github.com/exyte/AnimatedTabBar" }, { "label": "源码与许可", "url": "https://github.com/exyte/AnimatedTabBar" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "未提供明确的专用 MCP 入口。", "sources": [ { "label": "组件与许可", "url": "https://github.com/exyte/AnimatedTabBar" } ] }, "motion": { "kind": "focus", "label": "动效为主", "effects": [ "导航切换", "图标动画" ], "description": "动画底部导航是这个项目的核心：选中指示与图标在切换时产生运动，并提供多种预设表现。适合突出移动应用的主入口。", "url": "https://github.com/exyte/AnimatedTabBar" } }, { "id": 74, "name": "ScalingHeaderScrollView", "category": "SwiftUI 组件与模块", "framework": "SwiftUI", "repo": "exyte/ScalingHeaderScrollView", "url": "https://github.com/exyte/ScalingHeaderScrollView", "note": "滚动时缩放、收起大图头部的页面容器。", "stars": 1542, "github": "https://github.com/exyte/ScalingHeaderScrollView", "canonical_repo": "exyte/ScalingHeaderScrollView", "archived": false, "fetched_at": "2026-09-14T14:50:29.983810+00:00", "star_source": "GitHub 官方仓库网页 stargazerCount 精确字段", "screenshot": "assets/74.png", "screenshot_source": "https://github.com/exyte/ScalingHeaderScrollView", "screenshot_kind": "官方仓库 README 中的演示/介绍", "projects": "个人主页；课程介绍；活动详情或商品详情页", "project_reason": "大图头部随滚动收起，适合封面 + 长内容的阅读结构", "project_boundary": "不负责完整详情业务；嵌套滚动、动态内容高度与导航栏关系需验证", "architecture": "SwiftUI 滚动详情页容器", "ai": { "status": "unconfirmed", "url": "https://github.com/exyte/ScalingHeaderScrollView", "capability": "可把官方文档、README 与具体组件源码提供给 AI；本轮未确认专用 MCP。", "boundary": "检索未找到不等于不存在；普通源码可读不等于已提供 AI 专用工具。", "command": "", "label": "未确认专用 MCP", "level": "standard", "llms": null, "skills": null, "note": "", "sources": [ { "label": "官方文档 / 源码", "url": "https://github.com/exyte/ScalingHeaderScrollView", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/exyte/ScalingHeaderScrollView/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "ScalingHeaderScrollView exyte/ScalingHeaderScrollView official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-74.json" }, "image": "assets/74.webp", "thumbnail": "assets/74-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "iOS 原生", "family": "Swift / UIKit", "families": [ "Swift / UIKit" ], "type": "原生与移动", "editorial": { "summary": "ScalingHeaderScrollView 用于实现随滚动缩放、收起的顶部区域，适合个人主页、活动详情和封面型内容。它让头图与正文之间的过渡更连贯。", "features": [ "顶部视图可以随着滚动变化，形成伸缩或吸顶效果。", "能配合 SwiftUI 内容构建自己的封面和信息层级。", "适合视觉内容页；嵌套滚动、刷新和导航栏行为需要一起验证。" ], "sources": [ { "label": "项目介绍", "url": "https://github.com/exyte/ScalingHeaderScrollView" }, { "label": "源码与许可", "url": "https://github.com/exyte/ScalingHeaderScrollView" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "未提供明确的专用 MCP 入口。", "sources": [ { "label": "组件与许可", "url": "https://github.com/exyte/ScalingHeaderScrollView" } ] }, "motion": { "kind": "included", "label": "含动画组件", "effects": [ "滚动联动", "头图伸缩" ], "description": "顶部区域随滚动缩小、展开或吸附，适合活动详情、个人主页和封面型内容。动效围绕滚动位置发生，不只是按钮悬停。", "url": "https://github.com/exyte/ScalingHeaderScrollView" } }, { "id": 75, "name": "WaterfallGrid", "category": "SwiftUI 组件与模块", "framework": "SwiftUI", "repo": "paololeonardi/WaterfallGrid", "url": "https://github.com/paololeonardi/WaterfallGrid", "note": "按内容高度排布的瀑布流网格。", "stars": 2666, "github": "https://github.com/paololeonardi/WaterfallGrid", "canonical_repo": "paololeonardi/WaterfallGrid", "archived": false, "fetched_at": "2026-09-14T14:50:33.325760+00:00", "star_source": "GitHub 官方仓库网页 stargazerCount 精确字段", "screenshot": "assets/75.png", "screenshot_source": "https://github.com/paololeonardi/WaterfallGrid", "screenshot_kind": "官方仓库 README 中的演示/介绍", "projects": "图片社区；灵感素材库；作品集和收藏夹", "project_reason": "高低不同的图片卡片适合瀑布流，能更紧凑展示视觉内容", "project_boundary": "不是标准任务看板：没有任务列工作流；图片加载、分页与性能另做", "architecture": "SwiftUI 瀑布流布局层", "ai": { "status": "unconfirmed", "url": "https://github.com/paololeonardi/WaterfallGrid", "capability": "可把官方文档、README 与具体组件源码提供给 AI；本轮未确认专用 MCP。", "boundary": "检索未找到不等于不存在；普通源码可读不等于已提供 AI 专用工具。", "command": "", "label": "未确认专用 MCP", "level": "standard", "llms": null, "skills": null, "note": "", "sources": [ { "label": "官方文档 / 源码", "url": "https://github.com/paololeonardi/WaterfallGrid", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/paololeonardi/WaterfallGrid/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "WaterfallGrid paololeonardi/WaterfallGrid official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-75.json" }, "image": "assets/75.webp", "thumbnail": "assets/75-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "iOS 原生", "family": "Swift / UIKit", "families": [ "Swift / UIKit" ], "type": "原生与移动", "editorial": { "summary": "WaterfallGrid 为 SwiftUI 提供瀑布流布局，适合高度不一致的图片、卡片和作品内容。它解决排列方式，不绑定某种卡片视觉。", "features": [ "按内容高度形成多列布局，适合图片墙和灵感收藏。", "列数、间距和动画可按屏幕与内容调整。", "图片加载、缓存、分页和大数据量性能需要由项目补充。" ], "sources": [ { "label": "项目介绍", "url": "https://github.com/paololeonardi/WaterfallGrid" }, { "label": "源码与许可", "url": "https://github.com/paololeonardi/WaterfallGrid" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "未提供明确的专用 MCP 入口。", "sources": [ { "label": "组件与许可", "url": "https://github.com/paololeonardi/WaterfallGrid" } ] }, "motion": null }, { "id": 76, "name": "DGCharts", "category": "UIKit 组件与模块", "framework": "Swift / UIKit", "repo": "ChartsOrg/Charts", "url": "https://github.com/ChartsOrg/Charts", "note": "原 Charts，提供多种图表与图表交互；区别于 Apple Swift Charts。", "stars": 28007, "github": "https://github.com/ChartsOrg/Charts", "canonical_repo": "ChartsOrg/Charts", "archived": false, "fetched_at": "2026-09-14T14:50:30.402706+00:00", "star_source": "GitHub 官方仓库网页 stargazerCount 精确字段", "screenshot": "assets/76.png", "screenshot_source": "https://github.com/ChartsOrg/Charts?tab=readme-ov-file", "screenshot_kind": "官方 README 引用的跨平台图表效果（非 iPhone 实机截图）", "projects": "既有 UIKit 的销售/经营看板；运动趋势；金融数据展示", "project_reason": "传统图表类型和交互适合在 UIKit 业务页面内嵌图表", "project_boundary": "与 Apple Swift Charts 是不同项目；若已有 SwiftUI 架构，应先比较桥接成本", "architecture": "UIKit 图表层；SwiftUI 可通过桥接使用", "ai": { "status": "unconfirmed", "url": "https://github.com/ChartsOrg/Charts", "capability": "可把官方文档、README 与具体组件源码提供给 AI；本轮未确认专用 MCP。", "boundary": "检索未找到不等于不存在；普通源码可读不等于已提供 AI 专用工具。", "command": "", "label": "未确认专用 MCP", "level": "standard", "llms": null, "skills": null, "note": "", "sources": [ { "label": "官方文档 / 源码", "url": "https://github.com/ChartsOrg/Charts", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/ChartsOrg/Charts/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "DGCharts ChartsOrg/Charts official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-76.json" }, "image": "assets/76.webp", "thumbnail": "assets/76-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "iOS 原生", "family": "Swift / UIKit", "families": [ "Swift / UIKit" ], "type": "原生与移动", "editorial": { "summary": "DGCharts 是面向 Apple 平台的图表库，适合需要多种传统图表和交互能力的原生应用。它主要用于 UIKit 工程，也可通过桥接用于 SwiftUI。", "features": [ "折线、柱状、饼图等图表类型可用于仪表盘和报告。", "支持坐标、图例、标记和交互配置，适合精细定制。", "它负责图表展示，数据计算、业务指标和解释文本仍由应用提供。" ], "sources": [ { "label": "项目介绍", "url": "https://github.com/ChartsOrg/Charts" }, { "label": "源码与许可", "url": "https://github.com/ChartsOrg/Charts" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "未提供明确的专用 MCP 入口。", "sources": [ { "label": "组件与许可", "url": "https://github.com/ChartsOrg/Charts" } ] }, "motion": { "kind": "included", "label": "含动画组件", "effects": [ "图表入场", "数据展开" ], "description": "支持图表在 X、Y 轴方向逐步展开的动画，适合让原生数据图表的首次呈现更容易跟随。配合拖动与缩放交互使用。", "url": "https://github.com/ChartsOrg/Charts" } }, { "id": 77, "name": "FSCalendar", "category": "UIKit 组件与模块", "framework": "UIKit / Objective-C / Swift", "repo": "WenchaoD/FSCalendar", "url": "https://github.com/WenchaoD/FSCalendar", "note": "可定制日历组件，覆盖日期选择、事件标记等展示。", "stars": 10637, "github": "https://github.com/WenchaoD/FSCalendar", "canonical_repo": "WenchaoD/FSCalendar", "archived": false, "fetched_at": "2026-09-14T14:50:30.789339+00:00", "star_source": "GitHub 官方仓库网页 stargazerCount 精确字段", "screenshot": "assets/77.png", "screenshot_source": "https://github.com/WenchaoD/FSCalendar?tab=readme-ov-file", "screenshot_kind": "官方仓库 README 中的演示/介绍", "projects": "月历签到；日程标记；简单日期选择与预约入口", "project_reason": "可定制日期单元和事件标记适合月历型界面", "project_boundary": "日历不等于预约系统：时段库存、冲突检测、提醒服务另做", "architecture": "UIKit 日历控件；SwiftUI 项目需桥接", "ai": { "status": "unconfirmed", "url": "https://github.com/WenchaoD/FSCalendar", "capability": "可把官方文档、README 与具体组件源码提供给 AI；本轮未确认专用 MCP。", "boundary": "检索未找到不等于不存在；普通源码可读不等于已提供 AI 专用工具。", "command": "", "label": "未确认专用 MCP", "level": "standard", "llms": null, "skills": null, "note": "", "sources": [ { "label": "官方文档 / 源码", "url": "https://github.com/WenchaoD/FSCalendar", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/WenchaoD/FSCalendar/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "FSCalendar WenchaoD/FSCalendar official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-77.json" }, "image": "assets/77.webp", "thumbnail": "assets/77-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "iOS 原生", "family": "Swift / UIKit", "families": [ "Swift / UIKit" ], "type": "原生与移动", "editorial": { "summary": "FSCalendar 为 UIKit 提供可定制日历，适合签到、预约和日期选择界面。外观与选中状态可以围绕业务扩展。", "features": [ "月视图、日期选择和单元格样式可以调整。", "可标记事件、禁用日期并处理日期选中交互。", "它不是完整排班或预约系统，时段规则与数据同步需要自行实现。" ], "sources": [ { "label": "项目介绍", "url": "https://github.com/WenchaoD/FSCalendar" }, { "label": "源码与许可", "url": "https://github.com/WenchaoD/FSCalendar" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "未提供明确的专用 MCP 入口。", "sources": [ { "label": "组件与许可", "url": "https://github.com/WenchaoD/FSCalendar" } ] }, "motion": null }, { "id": 78, "name": "HorizonCalendar", "category": "UIKit 组件与模块", "framework": "UIKit / SwiftUI 桥接", "repo": "airbnb/HorizonCalendar", "url": "https://github.com/airbnb/HorizonCalendar", "note": "Airbnb 的可定制日历组件，适合连续日期和范围选择展示。", "stars": 3158, "github": "https://github.com/airbnb/HorizonCalendar", "canonical_repo": "airbnb/HorizonCalendar", "archived": false, "fetched_at": "2026-09-14T14:50:31.273089+00:00", "star_source": "GitHub 官方仓库网页 stargazerCount 精确字段", "screenshot": "assets/78.png", "screenshot_source": "https://github.com/airbnb/HorizonCalendar", "screenshot_kind": "官方仓库 README 中的演示/介绍", "projects": "酒店入住/退房日期选择；跨月日期范围；排期浏览", "project_reason": "可定制日期范围和连续日历展示贴近预订类界面", "project_boundary": "不实现房态、排班算法或订单；日期规则仍由业务处理", "architecture": "UIKit 日历，提供 SwiftUI 集成路径", "ai": { "status": "unconfirmed", "url": "https://github.com/airbnb/HorizonCalendar", "capability": "可把官方文档、README 与具体组件源码提供给 AI；本轮未确认专用 MCP。", "boundary": "检索未找到不等于不存在；普通源码可读不等于已提供 AI 专用工具。", "command": "", "label": "未确认专用 MCP", "level": "standard", "llms": null, "skills": null, "note": "", "sources": [ { "label": "官方文档 / 源码", "url": "https://github.com/airbnb/HorizonCalendar", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/airbnb/HorizonCalendar/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "HorizonCalendar airbnb/HorizonCalendar official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-78.json" }, "image": "assets/78.webp", "thumbnail": "assets/78-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "iOS 原生", "family": "Swift / UIKit", "families": [ "Swift / UIKit" ], "type": "原生与移动", "editorial": { "summary": "HorizonCalendar 是 Airbnb 开源的原生日历组件，适合展示较长日期范围并定制每一天的内容。它更关注灵活的日历布局与滚动。", "features": [ "日期和月份内容可自定义，便于添加价格、状态或事件标记。", "支持日期范围相关的视觉表达，适合旅行与日程产品。", "预约规则、可用时段与后台数据需要应用自己提供。" ], "sources": [ { "label": "项目介绍", "url": "https://github.com/airbnb/HorizonCalendar" }, { "label": "源码与许可", "url": "https://github.com/airbnb/HorizonCalendar" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "未提供明确的专用 MCP 入口。", "sources": [ { "label": "组件与许可", "url": "https://github.com/airbnb/HorizonCalendar" } ] }, "motion": null }, { "id": 79, "name": "MessageKit", "category": "UIKit 组件与模块", "framework": "Swift / UIKit", "repo": "MessageKit/MessageKit", "url": "https://github.com/MessageKit/MessageKit", "note": "聊天消息列表 UI，支持定制消息布局；不是即时通信后端。", "stars": 6269, "github": "https://github.com/MessageKit/MessageKit", "canonical_repo": "MessageKit/MessageKit", "archived": false, "fetched_at": "2026-09-14T14:50:31.530383+00:00", "star_source": "GitHub 官方仓库网页 stargazerCount 精确字段", "screenshot": "assets/79.png", "screenshot_source": "https://github.com/MessageKit/MessageKit", "screenshot_kind": "官方仓库 README 中的演示/介绍", "projects": "既有 iOS 社区私信；客服聊天；UIKit AI 助手界面", "project_reason": "消息列表与消息类型定制让 UIKit 项目少写基础聊天 UI", "project_boundary": "服务端、推送、流式 AI 内容和消息持久化都需另外实现", "architecture": "UIKit 聊天消息界面", "ai": { "status": "unconfirmed", "url": "https://github.com/MessageKit/MessageKit", "capability": "可把官方文档、README 与具体组件源码提供给 AI；本轮未确认专用 MCP。", "boundary": "检索未找到不等于不存在；普通源码可读不等于已提供 AI 专用工具。", "command": "", "label": "未确认专用 MCP", "level": "standard", "llms": null, "skills": null, "note": "", "sources": [ { "label": "官方文档 / 源码", "url": "https://github.com/MessageKit/MessageKit", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/MessageKit/MessageKit/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "MessageKit MessageKit/MessageKit official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-79.json" }, "image": "assets/79.webp", "thumbnail": "assets/79-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "iOS 原生", "family": "Swift / UIKit", "families": [ "Swift / UIKit" ], "type": "原生与移动", "editorial": { "summary": "MessageKit 为 UIKit 提供聊天消息界面的基础结构，适合有自己的消息后端、但希望减少聊天列表开发工作的项目。", "features": [ "通过消息模型组织文字、图片和其他消息内容。", "消息单元格和布局可以按应用需求扩展。", "实时通信、历史存储、已读同步和通知都不是组件自动提供的服务。" ], "sources": [ { "label": "项目介绍", "url": "https://github.com/MessageKit/MessageKit" }, { "label": "源码与许可", "url": "https://github.com/MessageKit/MessageKit" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "未提供明确的专用 MCP 入口。", "sources": [ { "label": "组件与许可", "url": "https://github.com/MessageKit/MessageKit" } ] }, "motion": null }, { "id": 80, "name": "InputBarAccessoryView", "category": "UIKit 组件与模块", "framework": "Swift / UIKit", "repo": "nathantannar4/InputBarAccessoryView", "url": "https://github.com/nathantannar4/InputBarAccessoryView", "note": "可扩展输入工具栏，常用于聊天输入和键盘附属区域。", "stars": 1280, "github": "https://github.com/nathantannar4/InputBarAccessoryView", "canonical_repo": "nathantannar4/InputBarAccessoryView", "archived": false, "star_source": "GitHub 官方仓库网页 stargazerCount 精确字段", "fetched_at": "2026-09-14T14:54:10.415390+00:00", "screenshot": "assets/80.png", "screenshot_source": "https://github.com/nathantannar4/InputBarAccessoryView?tab=readme-ov-file", "screenshot_kind": "官方仓库 README 中的演示/介绍", "projects": "聊天输入；评论回复；带附件按钮的输入面板", "project_reason": "可扩展工具按钮与文本输入区域，适合消息类产品的输入端", "project_boundary": "只提供输入栏，不包括消息列表、文件上传服务和完整编辑器", "architecture": "UIKit 输入工具栏/键盘附属区域", "ai": { "status": "unconfirmed", "url": "https://github.com/nathantannar4/InputBarAccessoryView", "capability": "可把官方文档、README 与具体组件源码提供给 AI；本轮未确认专用 MCP。", "boundary": "检索未找到不等于不存在；普通源码可读不等于已提供 AI 专用工具。", "command": "", "label": "未确认专用 MCP", "level": "standard", "llms": null, "skills": null, "note": "", "sources": [ { "label": "官方文档 / 源码", "url": "https://github.com/nathantannar4/InputBarAccessoryView", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/nathantannar4/InputBarAccessoryView/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "InputBarAccessoryView nathantannar4/InputBarAccessoryView official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-80.json" }, "image": "assets/80.webp", "thumbnail": "assets/80-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "iOS 原生", "family": "Swift / UIKit", "families": [ "Swift / UIKit" ], "type": "原生与移动", "editorial": { "summary": "InputBarAccessoryView 专注 iOS 输入栏，适合聊天输入、评论框和带附件操作的编辑区域。它可以独立使用，也常与消息列表组合。", "features": [ "输入框高度、左右按钮和附件入口可以自定义。", "围绕键盘和输入状态组织布局，适合原生交互。", "它只负责输入界面，消息发送、上传和内容审核要自行实现。" ], "sources": [ { "label": "项目介绍", "url": "https://github.com/nathantannar4/InputBarAccessoryView" }, { "label": "源码与许可", "url": "https://github.com/nathantannar4/InputBarAccessoryView" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "未提供明确的专用 MCP 入口。", "sources": [ { "label": "组件与许可", "url": "https://github.com/nathantannar4/InputBarAccessoryView" } ] }, "motion": null }, { "id": 81, "name": "FloatingPanel", "category": "UIKit 组件与模块", "framework": "UIKit / SwiftUI", "repo": "scenee/FloatingPanel", "url": "https://github.com/scenee/FloatingPanel", "note": "可拖动浮动面板，适合地图、详情和列表叠层。", "stars": 5820, "github": "https://github.com/scenee/FloatingPanel", "canonical_repo": "scenee/FloatingPanel", "archived": false, "fetched_at": "2026-09-14T14:50:40.470068+00:00", "star_source": "GitHub 官方仓库网页 stargazerCount 精确字段", "screenshot": "assets/81.png", "screenshot_source": "https://github.com/scenee/FloatingPanel?tab=readme-ov-file", "screenshot_kind": "官方仓库 README 中的演示/介绍", "projects": "地图检索结果；地点详情；商品或内容快速预览", "project_reason": "可拖动面板适合一边浏览主内容、一边打开上下文详情", "project_boundary": "地图本身、搜索与推荐服务另接；滚动联动和手势需要验证", "architecture": "UIKit / SwiftUI 浮动面板模块", "ai": { "status": "unconfirmed", "url": "https://github.com/scenee/FloatingPanel", "capability": "可把官方文档、README 与具体组件源码提供给 AI；本轮未确认专用 MCP。", "boundary": "检索未找到不等于不存在；普通源码可读不等于已提供 AI 专用工具。", "command": "", "label": "未确认专用 MCP", "level": "standard", "llms": null, "skills": null, "note": "", "sources": [ { "label": "官方文档 / 源码", "url": "https://github.com/scenee/FloatingPanel", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/scenee/FloatingPanel/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "FloatingPanel scenee/FloatingPanel official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-81.json" }, "image": "assets/81.webp", "thumbnail": "assets/81-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "iOS 原生", "family": "Swift / UIKit", "families": [ "Swift / UIKit" ], "type": "原生与移动", "editorial": { "summary": "FloatingPanel 为 UIKit 提供可拖动的浮动面板，常用于地图详情、搜索结果和分层信息展示。适合在一个页面中保留背景上下文。", "features": [ "可配置多个停靠位置，并自定义面板外观。", "能够与滚动内容结合，组织展开与收起的交互。", "系统底部面板已能满足的简单需求可先用原生 API；复杂手势仍要真机检查。" ], "sources": [ { "label": "项目介绍", "url": "https://github.com/scenee/FloatingPanel" }, { "label": "源码与许可", "url": "https://github.com/scenee/FloatingPanel" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "未提供明确的专用 MCP 入口。", "sources": [ { "label": "组件与许可", "url": "https://github.com/scenee/FloatingPanel" } ] }, "motion": { "kind": "included", "label": "含动画组件", "effects": [ "拖拽回弹", "面板停靠" ], "description": "浮动面板采用弹簧行为，可在停靠位置之间移动并跟随手势。适合地图结果、搜索详情等保留背景上下文的原生交互。", "url": "https://github.com/scenee/FloatingPanel" } }, { "id": 82, "name": "Eureka", "category": "UIKit 组件与模块", "framework": "Swift / UIKit", "repo": "xmartlabs/Eureka", "url": "https://github.com/xmartlabs/Eureka", "note": "通过声明式配置构建 UIKit 表单，提供多种行类型。", "stars": 11802, "github": "https://github.com/xmartlabs/Eureka", "canonical_repo": "xmartlabs/Eureka", "archived": false, "fetched_at": "2026-09-14T14:50:35.294011+00:00", "star_source": "GitHub 官方仓库网页 stargazerCount 精确字段", "screenshot": "assets/82.png", "screenshot_source": "https://github.com/xmartlabs/Eureka?tab=readme-ov-file", "screenshot_kind": "官方仓库 README 中的演示/介绍", "projects": "企业巡检录入；客户资料编辑；已有 UIKit App 的多字段设置页", "project_reason": "不同表单行类型便于配置较多输入项", "project_boundary": "新 SwiftUI 项目先比较系统 Form；校验规则、离线草稿和同步另做", "architecture": "UIKit 声明式表单配置层", "ai": { "status": "unconfirmed", "url": "https://github.com/xmartlabs/Eureka", "capability": "可把官方文档、README 与具体组件源码提供给 AI；本轮未确认专用 MCP。", "boundary": "检索未找到不等于不存在；普通源码可读不等于已提供 AI 专用工具。", "command": "", "label": "未确认专用 MCP", "level": "standard", "llms": null, "skills": null, "note": "同一公司的 VytalLink MCP 不属于 Eureka 表单库，已排除。", "sources": [ { "label": "官方文档 / 源码", "url": "https://github.com/xmartlabs/Eureka", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/xmartlabs/Eureka/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "Eureka xmartlabs/Eureka official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-82.json" }, "image": "assets/82.webp", "thumbnail": "assets/82-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "iOS 原生", "family": "Swift / UIKit", "families": [ "Swift / UIKit" ], "type": "原生与移动", "editorial": { "summary": "Eureka 用声明式方式组织 UIKit 表单，适合设置、资料填写和业务信息录入。它把不同输入行组合成结构清晰的表单。", "features": [ "内置多种行类型，也可以创建自己的表单单元格。", "支持按条件显示、输入校验和表单值管理等常见需求。", "适合传统 UIKit 工程；提交接口、业务规则和权限逻辑需要独立实现。" ], "sources": [ { "label": "项目介绍", "url": "https://github.com/xmartlabs/Eureka" }, { "label": "源码与许可", "url": "https://github.com/xmartlabs/Eureka" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "未提供明确的专用 MCP 入口。", "sources": [ { "label": "组件与许可", "url": "https://github.com/xmartlabs/Eureka" } ] }, "motion": null }, { "id": 83, "name": "SkeletonView", "category": "UIKit 组件与模块", "framework": "Swift / UIKit", "repo": "Juanpe/SkeletonView", "url": "https://github.com/Juanpe/SkeletonView", "note": "为加载中的视图添加骨架占位效果。", "stars": 12890, "github": "https://github.com/Juanpe/SkeletonView", "canonical_repo": "Juanpe/SkeletonView", "archived": false, "fetched_at": "2026-09-14T14:50:36.769315+00:00", "star_source": "GitHub 官方仓库网页 stargazerCount 精确字段", "screenshot": "assets/83.png", "screenshot_source": "https://github.com/Juanpe/SkeletonView", "screenshot_kind": "官方仓库 README 中的演示/介绍", "projects": "内容信息流加载；订单列表加载；个人资料页占位", "project_reason": "骨架图提前呈现页面结构，可让等待中的界面更稳定", "project_boundary": "不加速网络或数据处理；只是加载反馈，不是完整信息流组件", "architecture": "UIKit 加载状态展示层", "ai": { "status": "unconfirmed", "url": "https://github.com/Juanpe/SkeletonView", "capability": "可把官方文档、README 与具体组件源码提供给 AI；本轮未确认专用 MCP。", "boundary": "检索未找到不等于不存在；普通源码可读不等于已提供 AI 专用工具。", "command": "", "label": "未确认专用 MCP", "level": "standard", "llms": null, "skills": null, "note": "", "sources": [ { "label": "官方文档 / 源码", "url": "https://github.com/Juanpe/SkeletonView", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/Juanpe/SkeletonView/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "SkeletonView Juanpe/SkeletonView official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-83.json" }, "image": "assets/83.webp", "thumbnail": "assets/83-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "iOS 原生", "family": "Swift / UIKit", "families": [ "Swift / UIKit" ], "type": "原生与移动", "editorial": { "summary": "SkeletonView 为 UIKit 视图增加骨架屏，用来在真实数据到达前保持页面结构。适合图片列表、卡片和信息详情的加载状态。", "features": [ "可以在既有视图上显示占位形状，减少单独绘制骨架的工作。", "支持颜色与动画配置，以配合产品样式。", "它只改善等待时的反馈，不会让网络请求或图片下载本身更快。" ], "sources": [ { "label": "项目介绍", "url": "https://github.com/Juanpe/SkeletonView" }, { "label": "源码与许可", "url": "https://github.com/Juanpe/SkeletonView" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "未提供明确的专用 MCP 入口。", "sources": [ { "label": "组件与许可", "url": "https://github.com/Juanpe/SkeletonView" } ] }, "motion": { "kind": "included", "label": "含动画组件", "effects": [ "骨架脉冲", "流光加载" ], "description": "内置骨架脉冲与渐变滑动效果，也可以自定义加载动画。适合图片列表、卡片和详情在等待数据时保持视觉反馈。", "url": "https://github.com/Juanpe/SkeletonView" } }, { "id": 84, "name": "React Native Paper", "category": "React Native / Expo 组件", "framework": "React Native", "repo": "callstack/react-native-paper", "url": "https://reactnativepaper.com/", "note": "Material Design 风格综合移动组件库。", "stars": 14461, "github": "https://github.com/callstack/react-native-paper", "canonical_repo": "callstack/react-native-paper", "archived": false, "fetched_at": "2026-09-14T14:50:37.937720+00:00", "star_source": "GitHub 官方仓库网页 stargazerCount 精确字段", "screenshot": "assets/84.png", "screenshot_source": "https://reactnativepaper.com/", "screenshot_kind": "官方网页展示 / 组件文档", "projects": "会员服务 App；内部工单/巡检 App；表单和设置密集的移动业务", "project_reason": "综合控件和主题适合构建完整移动业务界面", "project_boundary": "Material 视觉不等于 Apple 默认视觉；实际 Expo/React Native 版本要核对", "architecture": "React Native / Expo 的移动 UI 层；iOS + Android", "ai": { "status": "unconfirmed", "url": "https://github.com/callstack/react-native-paper", "capability": "可把官方文档、README 与具体组件源码提供给 AI；本轮未确认专用 MCP。", "boundary": "检索未找到不等于不存在；普通源码可读不等于已提供 AI 专用工具。", "command": "", "label": "未确认专用 MCP", "level": "docs", "llms": "https://callstack.github.io/react-native-paper/llms.txt", "skills": null, "note": "官方仓库已提供面向 AI 的 llms.txt；从仓库与文档路径确认，未找到专用官方 MCP。", "sources": [ { "label": "官方文档 / 源码", "url": "https://github.com/callstack/react-native-paper", "kind": "official" }, { "label": "官方 LLM 文档", "url": "https://callstack.github.io/react-native-paper/llms.txt", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/callstack/react-native-paper/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "React Native Paper callstack/react-native-paper official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-84.json" }, "image": "assets/84.webp", "thumbnail": "assets/84-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "React Native", "family": "React Native", "families": [ "React Native" ], "type": "原生与移动", "editorial": { "summary": "React Native Paper 把 Material Design 风格带到 React Native，适合希望移动应用拥有一致控件和主题的项目。", "features": [ "按钮、输入、卡片、对话框和导航等覆盖日常移动界面。", "主题和明暗模式能统一跨页面外观。", "适合跨端业务应用；原生导航、数据服务和平台权限仍需额外接入。" ], "sources": [ { "label": "项目介绍", "url": "https://reactnativepaper.com/" }, { "label": "源码与许可", "url": "https://github.com/callstack/react-native-paper" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "官方 AI 文档可公开读取；没有明确的专用 MCP 入口。", "sources": [ { "label": "组件与许可", "url": "https://github.com/callstack/react-native-paper" } ] }, "motion": null }, { "id": 85, "name": "React Native Elements", "category": "React Native / Expo 组件", "framework": "React Native", "repo": "react-native-elements/react-native-elements", "url": "https://reactnativeelements.com/", "note": "通用跨平台移动组件与主题，适合常见业务界面。", "stars": 25861, "github": "https://github.com/react-native-elements/react-native-elements", "canonical_repo": "react-native-elements/react-native-elements", "archived": false, "fetched_at": "2026-09-14T14:50:38.804632+00:00", "star_source": "GitHub 官方仓库网页 stargazerCount 精确字段", "screenshot": "assets/85.png", "screenshot_source": "https://reactnativeelements.com/docs/components/button", "screenshot_kind": "官方网页展示 / 组件文档", "projects": "电商客户端基础页面；会员中心；快速移动产品原型", "project_reason": "常见按钮、输入、卡片等组件可快速组织通用页面", "project_boundary": "订单、购物车、支付服务仍属业务层；核查依赖与新架构兼容", "architecture": "React Native 跨平台移动 UI 层", "ai": { "status": "unconfirmed", "url": "https://github.com/react-native-elements/react-native-elements", "capability": "可把官方文档、README 与具体组件源码提供给 AI；本轮未确认专用 MCP。", "boundary": "检索未找到不等于不存在；普通源码可读不等于已提供 AI 专用工具。", "command": "", "label": "未确认专用 MCP", "level": "standard", "llms": null, "skills": null, "note": "", "sources": [ { "label": "官方文档 / 源码", "url": "https://github.com/react-native-elements/react-native-elements", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/react-native-elements/react-native-elements/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "React Native Elements react-native-elements/react-native-elements official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-85.json" }, "image": "assets/85.webp", "thumbnail": "assets/85-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "React Native", "family": "React Native", "families": [ "React Native" ], "type": "原生与移动", "editorial": { "summary": "React Native Elements 是通用的 React Native 组件集合，适合快速搭建表单、列表与常见移动页面。它更强调方便使用和主题复用。", "features": [ "常见按钮、卡片、输入与列表元素可以直接组合。", "主题机制便于统一品牌色和组件默认属性。", "适合原型和业务应用；复杂导航、聊天或图表通常需要其他库配合。" ], "sources": [ { "label": "项目介绍", "url": "https://reactnativeelements.com/" }, { "label": "源码与许可", "url": "https://github.com/react-native-elements/react-native-elements" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "未提供明确的专用 MCP 入口。", "sources": [ { "label": "组件与许可", "url": "https://github.com/react-native-elements/react-native-elements" } ] }, "motion": null }, { "id": 86, "name": "UI Kitten", "category": "React Native / Expo 组件", "framework": "React Native", "repo": "akveo/react-native-ui-kitten", "url": "https://akveo.github.io/react-native-ui-kitten/", "note": "基于 Eva Design System 的移动组件与主题体系。", "stars": 10667, "github": "https://github.com/akveo/react-native-ui-kitten", "canonical_repo": "akveo/react-native-ui-kitten", "archived": false, "fetched_at": "2026-09-14T14:50:40.174203+00:00", "star_source": "GitHub 官方仓库网页 stargazerCount 精确字段", "screenshot": "assets/86.png", "screenshot_source": "https://akveo.github.io/react-native-ui-kitten/docs/components/overview/", "screenshot_kind": "官方网页展示 / 组件文档", "projects": "多主题移动应用；订阅服务客户端；企业移动工作台", "project_reason": "主题切换与成套视觉可用于统一多页面风格", "project_boundary": "采用前核查当前 RN/Expo 支持与维护节奏；不要只看模板截图", "architecture": "React Native + Eva Design System", "ai": { "status": "unconfirmed", "url": "https://github.com/akveo/react-native-ui-kitten", "capability": "可把官方文档、README 与具体组件源码提供给 AI；本轮未确认专用 MCP。", "boundary": "检索未找到不等于不存在；普通源码可读不等于已提供 AI 专用工具。", "command": "", "label": "未确认专用 MCP", "level": "standard", "llms": null, "skills": null, "note": "", "sources": [ { "label": "官方文档 / 源码", "url": "https://github.com/akveo/react-native-ui-kitten", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/akveo/react-native-ui-kitten/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "UI Kitten akveo/react-native-ui-kitten official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-86.json" }, "image": "assets/86.webp", "thumbnail": "assets/86-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "React Native", "family": "React Native", "families": [ "React Native" ], "type": "原生与移动", "editorial": { "summary": "UI Kitten 基于 Eva Design System，为 React Native 提供统一的设计语言和主题能力。适合希望应用外观一致、明暗模式切换清晰的项目。", "features": [ "组件围绕设计映射和主题组织，便于集中定制。", "表单、卡片、菜单等可以组成常见移动业务页面。", "需要检查对应 React Native、Expo 版本与依赖，设计体系风格也应与产品匹配。" ], "sources": [ { "label": "项目介绍", "url": "https://akveo.github.io/react-native-ui-kitten/" }, { "label": "源码与许可", "url": "https://github.com/akveo/react-native-ui-kitten" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "未提供明确的专用 MCP 入口。", "sources": [ { "label": "组件与许可", "url": "https://github.com/akveo/react-native-ui-kitten" } ] }, "motion": null }, { "id": 87, "name": "React Native UI Lib", "category": "React Native / Expo 组件", "framework": "React Native", "repo": "wix/react-native-ui-lib", "url": "https://wix.github.io/react-native-ui-lib/", "note": "Wix 的组件与设计令牌体系，适合移动业务应用。", "stars": 7157, "github": "https://github.com/wix/react-native-ui-lib", "canonical_repo": "wix/react-native-ui-lib", "archived": false, "star_source": "GitHub 官方仓库网页 stargazerCount 精确字段", "fetched_at": "2026-09-14T14:54:11.323269+00:00", "screenshot": "assets/87.png", "screenshot_source": "https://wix.github.io/react-native-ui-lib/", "screenshot_kind": "官方网页展示 / 组件文档", "projects": "企业移动工作台；商户管理 App；中大型移动业务产品", "project_reason": "组件与设计令牌适合在多个模块中统一间距、色彩和基础 UI", "project_boundary": "不替代状态管理、导航和数据层；检查当前原生依赖版本", "architecture": "React Native 组件 + 设计令牌体系", "ai": { "status": "unconfirmed", "url": "https://github.com/wix/react-native-ui-lib", "capability": "可把官方文档、README 与具体组件源码提供给 AI；本轮未确认专用 MCP。", "boundary": "检索未找到不等于不存在；普通源码可读不等于已提供 AI 专用工具。", "command": "", "label": "未确认专用 MCP", "level": "standard", "llms": null, "skills": null, "note": "", "sources": [ { "label": "官方文档 / 源码", "url": "https://github.com/wix/react-native-ui-lib", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/wix/react-native-ui-lib/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "React Native UI Lib wix/react-native-ui-lib official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-87.json" }, "image": "assets/87.webp", "thumbnail": "assets/87-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "React Native", "family": "React Native", "families": [ "React Native" ], "type": "原生与移动", "editorial": { "summary": "React Native UI Lib 来自 Wix，提供基础控件、布局和设计系统工具。适合需要在多个移动页面间共享主题与组件规则的产品。", "features": [ "颜色、排版和间距等基础定义可以集中管理。", "常见交互与展示组件减少移动页面的重复搭建。", "适合应用型产品；原生依赖和平台表现需要在实际工程中确认。" ], "sources": [ { "label": "项目介绍", "url": "https://wix.github.io/react-native-ui-lib/" }, { "label": "源码与许可", "url": "https://github.com/wix/react-native-ui-lib" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "未提供明确的专用 MCP 入口。", "sources": [ { "label": "组件与许可", "url": "https://github.com/wix/react-native-ui-lib" } ] }, "motion": null }, { "id": 88, "name": "gluestack-ui", "category": "React Native / Expo 组件", "framework": "React Native / Expo / NativeWind", "repo": "gluestack/gluestack-ui", "url": "https://gluestack.io/", "note": "可复制源码的移动 UI 组件；当前 v5 官方说明不再支持 Next.js，不能沿用旧版 Web 共用假设。", "stars": 5303, "github": "https://github.com/gluestack/gluestack-ui", "canonical_repo": "gluestack/gluestack-ui", "archived": false, "fetched_at": "2026-09-14T14:50:41.000019+00:00", "star_source": "GitHub 官方仓库网页 stargazerCount 精确字段", "screenshot": "assets/88.png", "screenshot_source": "https://gluestack.io/", "screenshot_kind": "官方网页展示 / 组件文档", "projects": "希望 AI 可修改源码的移动 SaaS；会员 App；自定义品牌的移动工具", "project_reason": "复制组件源码便于按自己的产品做精细调整", "project_boundary": "当前 v5 官方明确不支持 Next.js；不要把旧版 universal monorepo 说明套到新版", "architecture": "当前 v5：React Native / Expo + NativeWind；按版本集成", "ai": { "status": "official", "url": "https://gluestack.io/ui/docs/mcp-server/mcp-server", "capability": "官方 MCP 提供 gluestack-ui 组件集成与代码生成", "boundary": "该 MCP 文档明确面向 v2；不能推断支持 v5。v5 文档和 Skills 应单独使用", "command": "", "label": "官方 MCP", "level": "tool", "llms": "https://gluestack.io/llms.txt", "skills": null, "note": "", "sources": [ { "label": "MCP 接入说明", "url": "https://gluestack.io/ui/docs/mcp-server/mcp-server", "kind": "official" }, { "label": "官方 LLM 文档", "url": "https://gluestack.io/llms.txt", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/gluestack/gluestack-ui/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "gluestack-ui gluestack/gluestack-ui official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-88.json" }, "image": "assets/88.webp", "thumbnail": "assets/88-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "React Native", "family": "React Native", "families": [ "React Native" ], "type": "原生与移动", "editorial": { "summary": "gluestack-ui 面向 React Native 与 Web，采用可组合、可定制的组件方式，适合想共享设计语言的跨端产品。", "features": [ "组件与样式体系可以按项目需要组合和修改。", "适合表单、导航和常见应用布局，并提供额外的 Pro 模板。", "不同大版本的样式工具和 AI 接入有差异，MCP v2 文档不能直接用于 v5。" ], "sources": [ { "label": "项目介绍", "url": "https://gluestack.io/" }, { "label": "源码与许可", "url": "https://github.com/gluestack/gluestack-ui" } ] }, "pricing": { "kind": "mixed", "label": "免费 + 付费", "free": "gluestack-ui 的开源组件采用 MIT，可免费使用。", "paid": "gluestack-ui Pro 的 React Native 页面模板与资源需要另外购买。", "mcp": "接入页未标注独立服务价格；具体客户端与所调用的模型费用另计。", "sources": [ { "label": "组件与许可", "url": "https://github.com/gluestack/gluestack-ui" }, { "label": "免费与付费范围", "url": "https://pro.gluestack.io/" } ] }, "motion": null }, { "id": 89, "name": "React Native Reusables", "category": "React Native / Expo 组件", "framework": "React Native / Expo / NativeWind", "repo": "founded-labs/react-native-reusables", "url": "https://reactnativereusables.com/", "note": "面向 React Native 的可复制源码组件与界面区块。", "stars": 8654, "github": "https://github.com/founded-labs/react-native-reusables", "canonical_repo": "founded-labs/react-native-reusables", "archived": false, "fetched_at": "2026-09-14T14:50:41.055189+00:00", "star_source": "GitHub 官方仓库网页 stargazerCount 精确字段", "screenshot": "assets/89.png", "screenshot_source": "https://reactnativereusables.com/", "screenshot_kind": "官方网页展示 / 组件文档", "projects": "品牌化移动 SaaS；任务管理 App 的卡片/详情/设置；AI 助手外框", "project_reason": "类似 shadcn 的源码工作流，适合自己维护设计系统", "project_boundary": "任务拖拽和 AI 聊天不是现成业务；组件导航与移动手势仍需开发", "architecture": "React Native / Expo + NativeWind；组件源码在项目内", "ai": { "status": "unconfirmed", "url": "https://github.com/founded-labs/react-native-reusables", "capability": "可把官方文档、README 与具体组件源码提供给 AI；本轮未确认专用 MCP。", "boundary": "检索未找到不等于不存在；普通源码可读不等于已提供 AI 专用工具。", "command": "", "label": "未确认专用 MCP", "level": "standard", "llms": null, "skills": null, "note": "仓库有 agent 工作流配置线索，但不等于 React Native Reusables 发布了独立 MCP。", "sources": [ { "label": "官方文档 / 源码", "url": "https://github.com/founded-labs/react-native-reusables", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/founded-labs/react-native-reusables/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "React Native Reusables founded-labs/react-native-reusables official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-89.json" }, "image": "assets/89.webp", "thumbnail": "assets/89-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "React Native", "family": "React Native", "families": [ "React Native" ], "type": "原生与移动", "editorial": { "summary": "React Native Reusables 把类似 shadcn 的源码组件方式带到 React Native。适合希望快速拥有一套基础控件，又愿意在代码库内持续定制的团队。", "features": [ "组件代码进入自己的项目，可以修改外观与结构。", "配合 NativeWind 和原语组织跨端样式与行为。", "适合品牌化移动应用；需要匹配 Expo、React Native 和样式工具的版本。" ], "sources": [ { "label": "项目介绍", "url": "https://reactnativereusables.com/" }, { "label": "源码与许可", "url": "https://github.com/founded-labs/react-native-reusables" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "未提供明确的专用 MCP 入口。", "sources": [ { "label": "组件与许可", "url": "https://github.com/founded-labs/react-native-reusables" } ] }, "motion": null }, { "id": 90, "name": "Gorhom Bottom Sheet", "category": "React Native / Expo 组件", "framework": "React Native", "repo": "gorhom/react-native-bottom-sheet", "url": "https://gorhom.dev/react-native-bottom-sheet/", "note": "手势驱动、多展示高度的移动底部面板。", "stars": 9087, "github": "https://github.com/gorhom/react-native-bottom-sheet", "canonical_repo": "gorhom/react-native-bottom-sheet", "archived": false, "fetched_at": "2026-09-14T14:50:49.084577+00:00", "star_source": "GitHub 官方仓库网页 stargazerCount 精确字段", "screenshot": "assets/90.png", "screenshot_source": "https://gorhom.dev/react-native-bottom-sheet/", "screenshot_kind": "官方网页展示 / 组件文档", "projects": "地图地点面板；预约筛选；电商 SKU 选择或播放队列", "project_reason": "手势与多高度面板适合移动端保留上下文的操作", "project_boundary": "不提供地图、库存或预约逻辑；键盘、滚动嵌套与 RN 新架构要实测", "architecture": "React Native + Gesture Handler / Reanimated 等依赖", "ai": { "status": "unconfirmed", "url": "https://github.com/gorhom/react-native-bottom-sheet", "capability": "可把官方文档、README 与具体组件源码提供给 AI；本轮未确认专用 MCP。", "boundary": "检索未找到不等于不存在；普通源码可读不等于已提供 AI 专用工具。", "command": "", "label": "未确认专用 MCP", "level": "standard", "llms": null, "skills": null, "note": "", "sources": [ { "label": "官方文档 / 源码", "url": "https://github.com/gorhom/react-native-bottom-sheet", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/gorhom/react-native-bottom-sheet/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "Gorhom Bottom Sheet gorhom/react-native-bottom-sheet official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-90.json" }, "image": "assets/90.webp", "thumbnail": "assets/90-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "React Native", "family": "React Native", "families": [ "React Native" ], "type": "原生与移动", "editorial": { "summary": "Gorhom Bottom Sheet 是 React Native 的底部面板方案，适合筛选、详情和地图类交互。它把手势、停靠高度和滚动内容组织在一起。", "features": [ "面板可在不同高度之间切换，并与列表滚动配合。", "提供模态等使用方式，适合复用在多个页面。", "依赖动画与手势生态，安装和版本配置要正确；业务内容与数据需要自行提供。" ], "sources": [ { "label": "项目介绍", "url": "https://gorhom.dev/react-native-bottom-sheet/" }, { "label": "源码与许可", "url": "https://github.com/gorhom/react-native-bottom-sheet" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "未提供明确的专用 MCP 入口。", "sources": [ { "label": "组件与许可", "url": "https://github.com/gorhom/react-native-bottom-sheet" } ] }, "motion": { "kind": "included", "label": "含动画组件", "effects": [ "手势拖拽", "面板回弹" ], "description": "底部面板强调顺滑手势和吸附动画，与滚动列表组合使用。适合 React Native 的筛选、地图详情和分层内容。", "url": "https://gorhom.dev/react-native-bottom-sheet/" } }, { "id": 91, "name": "React Native Gifted Chat", "category": "React Native / Expo 组件", "framework": "React Native", "repo": "FaridSafi/react-native-gifted-chat", "url": "https://github.com/FaridSafi/react-native-gifted-chat", "note": "聊天消息列表、输入等界面组件；实时消息与账号服务另接。", "stars": 14442, "github": "https://github.com/FaridSafi/react-native-gifted-chat", "canonical_repo": "FaridSafi/react-native-gifted-chat", "archived": false, "fetched_at": "2026-09-14T14:50:41.960524+00:00", "star_source": "GitHub 官方仓库网页 stargazerCount 精确字段", "screenshot": "assets/91.png", "screenshot_source": "https://github.com/FaridSafi/react-native-gifted-chat?tab=readme-ov-file", "screenshot_kind": "官方仓库 README 中的演示/介绍", "projects": "iOS + Android 客服；社区私信；跨平台 AI 聊天", "project_reason": "消息列表与输入组件适合快速构建双端聊天 UI", "project_boundary": "实时通信、AI 流式输出、通知、鉴权和数据存储另外做", "architecture": "React Native 聊天界面层", "ai": { "status": "unconfirmed", "url": "https://github.com/FaridSafi/react-native-gifted-chat", "capability": "可把官方文档、README 与具体组件源码提供给 AI；本轮未确认专用 MCP。", "boundary": "检索未找到不等于不存在；普通源码可读不等于已提供 AI 专用工具。", "command": "", "label": "未确认专用 MCP", "level": "standard", "llms": null, "skills": null, "note": "", "sources": [ { "label": "官方文档 / 源码", "url": "https://github.com/FaridSafi/react-native-gifted-chat", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/FaridSafi/react-native-gifted-chat/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "React Native Gifted Chat FaridSafi/react-native-gifted-chat official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-91.json" }, "image": "assets/91.webp", "thumbnail": "assets/91-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "React Native", "family": "React Native", "families": [ "React Native" ], "type": "原生与移动", "editorial": { "summary": "Gifted Chat 提供 React Native 聊天界面的常见结构，适合快速做出文字消息、气泡与输入区。可以在其基础上定制消息内容和操作。", "features": [ "消息列表、气泡、头像、时间与输入组件能组合使用。", "通过渲染接口调整品牌样式和不同消息类型。", "它不是聊天后端，账号、实时消息、附件上传和推送需要其他服务。" ], "sources": [ { "label": "项目介绍", "url": "https://github.com/FaridSafi/react-native-gifted-chat" }, { "label": "源码与许可", "url": "https://github.com/FaridSafi/react-native-gifted-chat" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "未提供明确的专用 MCP 入口。", "sources": [ { "label": "组件与许可", "url": "https://github.com/FaridSafi/react-native-gifted-chat" } ] }, "motion": null }, { "id": 92, "name": "Victory Native", "category": "React Native / Expo 组件", "framework": "React Native / Skia / Reanimated", "repo": "FormidableLabs/victory-native-xl", "url": "https://github.com/FormidableLabs/victory-native-xl", "note": "移动图表组件，当前实现依赖 Skia、手势与动画生态。", "stars": 1225, "github": "https://github.com/FormidableLabs/victory-native-xl", "canonical_repo": "FormidableLabs/victory-native-xl", "archived": false, "fetched_at": "2026-09-14T14:50:42.578069+00:00", "star_source": "GitHub 官方仓库网页 stargazerCount 精确字段", "screenshot": "assets/92.png", "screenshot_source": "https://github.com/FormidableLabs/victory-native-xl", "screenshot_kind": "官方仓库 README 中的演示/介绍", "projects": "iPhone + Android 经营看板；运动数据趋势；收支图表", "project_reason": "绘图与交互依赖适合移动图表和手势查看数据", "project_boundary": "不是整套看板布局；确认当前所用仓库与包版本匹配，不混用旧教程", "architecture": "React Native 图表层；依赖 Skia / Reanimated / 手势组件", "ai": { "status": "unconfirmed", "url": "https://github.com/FormidableLabs/victory-native-xl", "capability": "可把官方文档、README 与具体组件源码提供给 AI；本轮未确认专用 MCP。", "boundary": "检索未找到不等于不存在；普通源码可读不等于已提供 AI 专用工具。", "command": "", "label": "未确认专用 MCP", "level": "standard", "llms": null, "skills": null, "note": "", "sources": [ { "label": "官方文档 / 源码", "url": "https://github.com/FormidableLabs/victory-native-xl", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/FormidableLabs/victory-native-xl/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "Victory Native FormidableLabs/victory-native-xl official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-92.json" }, "image": "assets/92.webp", "thumbnail": "assets/92-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "React Native", "family": "React Native", "families": [ "React Native" ], "type": "原生与移动", "editorial": { "summary": "Victory Native 用于在 React Native 中绘制交互图表，当前实现结合 Skia、动画与手势生态。适合原生应用的数据看板和趋势展示。", "features": [ "可组合坐标与图形元素，按数据表达需求调整视觉。", "动画与手势能力适合移动设备上的图表探索。", "需要配置相应原生依赖；数据处理、指标含义和异常解释仍由产品负责。" ], "sources": [ { "label": "项目介绍", "url": "https://github.com/FormidableLabs/victory-native-xl" }, { "label": "源码与许可", "url": "https://github.com/FormidableLabs/victory-native-xl" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "未提供明确的专用 MCP 入口。", "sources": [ { "label": "组件与许可", "url": "https://github.com/FormidableLabs/victory-native-xl" } ] }, "motion": { "kind": "included", "label": "含动画组件", "effects": [ "图表动画", "手势探索" ], "description": "通过 Skia 与 Reanimated 等依赖组织原生图表和动画，可配合手势交互。适合趋势与指标探索，需要按图表配置具体的运动表现。", "url": "https://github.com/FormidableLabs/victory-native-xl" } }, { "id": 93, "name": "React Native Calendars", "category": "React Native / Expo 组件", "framework": "React Native", "repo": "wix/react-native-calendars", "url": "https://github.com/wix/react-native-calendars", "note": "移动日历、日期与日程展示组件。", "stars": 10309, "github": "https://github.com/wix/react-native-calendars", "canonical_repo": "wix/react-native-calendars", "archived": false, "fetched_at": "2026-09-14T14:50:49.948015+00:00", "star_source": "GitHub 官方仓库网页 stargazerCount 精确字段", "screenshot": "assets/93.png", "screenshot_source": "https://github.com/wix/react-native-calendars?tab=readme-ov-file", "screenshot_kind": "官方仓库 README 中的演示/介绍", "projects": "运动打卡月历；活动日程；预约日期与个人计划", "project_reason": "日历和 Agenda 类展示适合移动端日期密集场景", "project_boundary": "时间资源冲突、提醒推送、日程同步与预订服务另实现", "architecture": "React Native 日历与日程展示层", "ai": { "status": "unconfirmed", "url": "https://github.com/wix/react-native-calendars", "capability": "可把官方文档、README 与具体组件源码提供给 AI；本轮未确认专用 MCP。", "boundary": "检索未找到不等于不存在；普通源码可读不等于已提供 AI 专用工具。", "command": "", "label": "未确认专用 MCP", "level": "standard", "llms": null, "skills": null, "note": "", "sources": [ { "label": "官方文档 / 源码", "url": "https://github.com/wix/react-native-calendars", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/wix/react-native-calendars/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "React Native Calendars wix/react-native-calendars official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-93.json" }, "image": "assets/93.webp", "thumbnail": "assets/93-thumb.webp", "screenshotDate": "2026-09-14 / 15", "platform": "React Native", "family": "React Native", "families": [ "React Native" ], "type": "原生与移动", "editorial": { "summary": "React Native Calendars 来自 Wix，提供日历、日期标记和日程相关组件。适合签到、预约、活动和个人计划等移动应用场景。", "features": [ "支持不同日期标记方式，能表达事件、区间或状态。", "日历与日程视图可按信息结构组合使用。", "它负责日期界面，预约冲突、重复规则和跨设备同步要自行实现。" ], "sources": [ { "label": "项目介绍", "url": "https://github.com/wix/react-native-calendars" }, { "label": "源码与许可", "url": "https://github.com/wix/react-native-calendars" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "组件源码可免费使用，商业项目按项目开源许可使用。", "paid": "使用这里介绍的组件库本身，不需要购买组件授权。", "mcp": "未提供明确的专用 MCP 入口。", "sources": [ { "label": "组件与许可", "url": "https://github.com/wix/react-native-calendars" } ] }, "motion": null }, { "id": 94, "name": "UnoCSS", "url": "https://unocss.dev/", "repo": "unocss/unocss", "github": "https://github.com/unocss/unocss", "category": "样式引擎", "framework": "框架无关 / Web CSS", "note": "按需生成原子 CSS，支持规则、预设与快捷组合；不提供完整交互控件。", "license": "MIT", "projects": "品牌官网；活动落地页；内容站；自建设计系统", "project_reason": "通过规则与预设统一样式约定，灵活控制视觉表达", "project_boundary": "交互控件、无障碍、表单与业务逻辑仍需另外实现", "ios_relation": "Web CSS，不是 iOS 原生控件", "ai": { "status": "unconfirmed", "url": "https://github.com/unocss/unocss", "capability": "可把官方文档、README 与具体组件源码提供给 AI；本轮未确认专用 MCP。", "boundary": "检索未找到不等于不存在；普通源码可读不等于已提供 AI 专用工具。", "command": "", "label": "未确认专用 MCP", "level": "docs", "llms": "https://unocss.dev/llms.txt", "skills": null, "note": "官网提供 llms.txt 与 llms-full.txt；未确认专用官方 MCP。第三方目录把 UnoCSS 主仓库标为 MCP，缺少服务器证据，未采信。", "sources": [ { "label": "官方文档 / 源码", "url": "https://github.com/unocss/unocss", "kind": "official" }, { "label": "官方 LLM 文档", "url": "https://unocss.dev/llms.txt", "kind": "official" }, { "label": "官方 README", "url": "https://raw.githubusercontent.com/unocss/unocss/HEAD/README.md", "kind": "official" } ], "checkedAt": "2026-09-16", "verification": "文档核验，未安装或端到端调用", "query": "UnoCSS unocss/unocss official MCP server AI coding agents llms.txt documentation", "searchResultCount": 4, "homepageStatus": 200, "fullAudit": "research/search-94.json" }, "image": "assets/94.webp", "thumbnail": "assets/94-thumb.webp", "screenshot_source": "https://unocss.dev/", "screenshot_kind": "官方首页截图；样式引擎没有独立控件外观", "screenshotDate": "2026-09-16", "platform": "Web", "family": "CSS / Web Components", "families": [ "CSS / Web Components" ], "type": "样式与基础", "editorial": { "summary": "UnoCSS 是按需生成样式的原子化 CSS 引擎，不是带现成按钮和卡片的 UI 库。适合想掌握视觉细节、又希望以简短类名高效编写样式的项目。", "features": [ "通过预设、快捷方式和自定义规则生成需要的 CSS，设计约定可以写进配置。", "图标、属性化写法和多种构建集成方便与现有技术栈配合。", "适合作为自建设计系统的样式底层；控件交互、可访问性和页面设计仍需另外完成。" ], "sources": [ { "label": "项目介绍", "url": "https://unocss.dev/" }, { "label": "源码与许可", "url": "https://github.com/unocss/unocss" } ] }, "pricing": { "kind": "free", "label": "免费", "free": "UnoCSS 核心引擎与官方预设采用 MIT，可免费使用。", "paid": "使用 UnoCSS 本身不需要订阅；项目选用的商业图标、字体或外部资源另计。", "mcp": "官方 AI 文档可公开读取；没有明确的专用 MCP 入口。", "sources": [ { "label": "组件与许可", "url": "https://github.com/unocss/unocss" } ] }, "motion": null } ] }