
GliaKit
gliakit.com
打造设计感十足的SaaS产品
28天前制作者:Dejan Veljanoski
关于 GliaKit
GliaKit 是一个基于 Next.js 和 shadcn/ui 的全栈 SaaS 样板,集成了身份验证、支付、数据库和邮件功能,并配备 Figma 设计库以及 Cursor/Claude Code 规则文件,确保 AI 生成的 UI 与系统保持一致。
核心功能
GliaKit 提供开箱即用的 SaaS 基础架构,包括用户认证(支持多种登录方式)、支付集成(如 Stripe)、数据库连接(Prisma ORM)和邮件服务(Resend 等)。所有模块都预先配置好,让你专注于业务逻辑而非重复造轮子。
主要特性
- 设计一致性:Figma 设计库与代码组件同步,AI 工具生成的 UI 自动匹配系统风格,避免“AI 感”过重。
- AI 友好:内置 Cursor 和 Claude Code 规则文件,指导 AI 生成符合项目规范的代码,减少手动调整。
- 现代化技术栈:基于 Next.js 14(App Router)、shadcn/ui 组件库、Tailwind CSS,确保高性能和可维护性。
- 完整业务逻辑:包含定价页面、用户仪表盘、订阅管理等常见 SaaS 页面,可直接修改使用。
- 持续同步:设计系统与代码通过规则文件保持同步,即使 AI 生成新组件,也能遵循现有设计语言。
适用场景
- 快速构建 SaaS MVP,节省基础设施搭建时间。
- 团队使用 AI 辅助开发,希望保持 UI 一致性和设计质量。
- 需要 Figma 到代码无缝衔接的设计-开发协作流程。
GliaKit 让 AI 生成的产品界面看起来像是专业设计师精心打磨的成果,而非粗糙的机器产物。