Repolode
提交项目
bergside

bergside/typeui

为 AI 编程工具提供设计技能、UI 提示词和设计系统的资源库与 CLI，帮助生成更好的界面。

在 GitHub 查看官网
Star
2,205
Fork
153
未关闭 Issue
1
最近提交
16天前

这是什么？

TypeUI 是一组设计技能、UI 提示词和设计系统规范，供 AI 编程助手在生成网站和应用界面时调用。资源以 DESIGN.md 和 SKILL.md 两种 markdown 格式提供，可配合任何支持 markdown 或通用提示词的 AI 服务使用。

项目提供通过 npx typeui.sh 运行的命令行工具，可用于生成、更新、随机生成、浏览和拉取设计规范。同时支持通过 MCP 连接 Codex、Claude、Cursor、VS Code、Windsurf、Zed 等多款 AI 工具。内置的 UI/UX 基础技能涵盖间距、排版和颜色对比度等原则，帮助生成的界面遵循基本设计规范。

仓库还收录了大量设计风格技能，如 Minimal、Brutalism、Glassmorphism 等，以及营销和应用类页面的提示词布局，包括 Hero、定价、FAQ、登录页等。

核心功能

  • 01通过交互式命令行生成 SKILL.md 或 DESIGN.md 设计规范。
  • 02通过托管的 MCP 服务器将 Codex、Claude、Cursor 等 AI 工具接入 TypeUI。
  • 03提供涵盖间距、排版和对比度的 UI/UX 基础技能。
  • 04收录多种设计风格和营销、应用页面的布局提示词。

适用场景

  • 引导 AI 编程助手生成风格统一的落地页或仪表盘。
  • 为新的网页或应用项目快速生成初始设计系统规范。
  • 为 AI 代理提供定价、FAQ 等常见页面区块的参考布局。

快速上手

  1. 1

    打开你所用 AI 编程工具对应的 TypeUI 指南

  2. 2

    按照指南步骤将你的 AI 工具连接到 TypeUI MCP 服务器

使用前须知

  • 许可证未明确说明（NOASSERTION），复用前请先核实许可条款。
  • MCP 连接依赖于托管在 typeui.sh 的 TypeUI 服务。

收录于专题

AI 编程智能体的 UI 设计技能MCP Server 精选AI Agent 技能包命令行与终端工具

标签

#design-system#ui#prompts#ai-tools#cli#mcp#design#agent-skills#ai#claude-design

常见问题

typeui 是什么？
为 AI 编程工具提供设计技能、UI 提示词和设计系统的资源库与 CLI，帮助生成更好的界面。 TypeUI 是一组设计技能、UI 提示词和设计系统规范，供 AI 编程助手在生成网站和应用界面时调用。资源以 DESIGN.md 和 SKILL.md 两种 markdown 格式提供，可配合任何支持 markdown 或通用提示词的 AI 服务使用。
typeui 可以免费使用吗？用的什么许可证？
typeui 以 Other 许可证开源。用于商业产品前，请先确认许可证条款。
typeui 还在维护吗？
活跃维护中。typeui 最近一次提交是在 2026年10月22日。
typeui 适合用来做什么？
引导 AI 编程助手生成风格统一的落地页或仪表盘。 为新的网页或应用项目快速生成初始设计系统规范。 为 AI 代理提供定价、FAQ 等常见页面区块的参考布局。
typeui 怎么安装和运行？
打开你所用 AI 编程工具对应的 TypeUI 指南 按照指南步骤将你的 AI 工具连接到 TypeUI MCP 服务器
在哪里获取 typeui？
源代码和安装说明在 GitHub 上：https://github.com/bergside/typeui

概要由 AI 根据项目 README 生成；GitHub 数据每日更新。

相关项目