SheepNav
GliaKit

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 生成的产品界面看起来像是专业设计师精心打磨的成果,而非粗糙的机器产物。

相关工具