📋 编辑总结
TypeUI(typeui.sh,运营主体 Bergside LLC,Flowbite 团队)不是组件库,而是把人工整理测试过的设计资源通过 MCP 喂给 Claude Code、Codex、Cursor 等 AI 编码工具:94 套设计技能、449 条 UI 提示词、281 条动画、113 条微交互、120 条音效、118 条基础提示词,另有设计系统工作区、品牌套件与 UI/UX 审计。配套 TypeUI Insights 是隐私优先的网站分析(Beta)。Creative $120/年、Insights $300/年、All-access $360/年。 定价:Creative $120/年;Insights $300/年(官网标注 Beta preview);All-access 打包 $360/年(官网标 14% 打包折扣)。页面有月付/年付切换(年付标称省 2 个月),但月付单价未标出具体数字;定价区未列免费档,服务条款提到存在受限的 Free 账户,实际以注册后账户权限为准。结算走 Polar,支持填 VAT 号。。

TypeUI 是什么

TypeUI(typeui.sh,运营主体 Bergside LLC,也就是 Flowbite 的团队)做的是一件很具体的事:让 AI 编码工具「会做设计」。它不是一个 UI 组件库,而是把人工整理并测试过的设计资源,通过 MCP 服务器直接喂给 Claude Code、Codex、Cursor 这类工具,让生成出来的界面不至于千篇一律。

官方把内容库按类型列得很清楚:94 套设计技能(design skills)、449 条 UI 提示词、281 条 UI 动画提示词、113 条 UI 微交互提示词、120 条 UI 音效提示词、118 条 UI 基础(排版、间距、颜色、布局)提示词。动画、微交互、音效、基础这几类是可以直接复制到工具里用的提示词;技能与提示词目录则通过 MCP 服务器在工具内调用。此外还有「设计系统工作区」(可创建、导入、发布设计系统规格)、品牌套件生成(logo、配色、字体)与 UI/UX 审计(无障碍、排版、配色、可用性)。

第二个产品:TypeUI Insights

Insights 是配套的隐私优先网站分析工作区,官网标注为 Beta preview。它提供流量、实时访客、会话旅程、转化、UI 交互与热图,并可通过 MCP 让 AI 工具直接查询聚合后的流量、时段、站点、收入与 Search Console 数据;支持 Stripe 收入归因与 Google Search Console 集成,官方称符合 GDPR、含 30 天备份。

定价

官网三个方案都是年付标价(页面提供月付/年付切换,年付标称省 2 个月,但月付单价没有标出具体数字):

  • Creative:$120/年,含 MCP 服务器、94 套设计技能、449 条提示词、281 条动画、113 条微交互、120 条音效、118 条基础、设计系统工作区、品牌套件、UI/UX 审计与优先支持;
  • Insights:$300/年(Beta preview),含 MCP 分析、每月 10 万页面浏览、1 万自定义事件、10 个站点、Stripe 收入追踪、Search Console 集成、GDPR 合规与 30 天备份;
  • All-access:$360/年,打包 Creative + Insights,官网标称 14% 打包折扣。

结算走 Polar,支持在结账时填 VAT 号。官网定价区没有列出免费档;服务条款里则提到存在「Free 账户」可访问受限的技能库与提示词目录,两处口径不完全一致,注册后以账户实际权限为准。

版本与时间线

TypeUI 不是新品:Show HN 上 2026-03-07 就有「Typeui.sh – generate skill files for design system specifications」的帖子,之后 4 月发过 DESIGN.md、7 月发过 Audit.md。2026-10-22 它又以「UI micro interactions prompts for AI」上了一轮 Show HN(HN Algolia 实测 80 分、46 条评论),这一轮传播的是微交互提示词库这个子集,而不是产品首发。官网首页自称「Used by 31,938 users」,属站方自述,没有第三方佐证。

适合谁用

适合已经在用 Claude Code / Codex / Cursor 写前端、但反复被「AI 生成的界面很平庸」困扰的团队:把 TypeUI 当设计侧的上下文供给,用 MCP 让工具在生成时就能取到成体系的设计技能与提示词。反过来,如果你要的是一个能拖拽的在线设计工具(Figma 那类),它不是;Insights 仍是 Beta preview,把它当正式分析平台用要谨慎;另外条款禁止再分发或转售这些资源,团队内部共享需按席位规划。