Adminium Designer

描述应用,得到一个真的。

你说出业务需要什么。你选的模型把应用写进你的项目:数据表、员工端、顾客端和示例数据。Adminium 检查它、应用它,并把它显示在对话旁边。

npx @adminiumjs/adminium design

在你的浏览器里打开,并且已经登录。如果不在项目里,它会先创建一个。

Designer 首页:一个写着“你想构建什么?”的输入框、一个模型选择器,以及你的应用列表。

01

一轮对话是怎么进行的

  1. 1

    你来描述

    用平常的话说就行。如果有设计稿图片或数据的 CSV 文件,也可以附上。

  2. 2

    它写出文件

    分步进行,每一步你都能打开来看。结果和你手写出来的是同一个文件夹。

  3. 3

    Adminium 检查并应用

    应用会先经过检查再生效,预览里可以看到仪表盘、员工端和顾客端。

  4. 4

    保存为一个版本

    v1、v2、v3。随时可以回到其中任何一个。

始终由你做主

凡是要紧的事,它都会先问你。

删除数据之前

一张卡片会写明是哪张表或哪一列,以及有多少行存有数据。在你同意之前,什么都不会被删除。

从外部引入任何东西之前

软件包、字体和图片网站都列在同一张卡片上,每一项都有一个复选框。

说停就停

一轮对话会在一秒内结束,再点一个按钮就能把文件恢复到上一个版本。

你的模型

用你信得过的模型,包括运行在你自己机器上的。

Anthropic 或 OpenAI 的密钥、任何兼容 OpenAI 的服务器,或者 Ollama。密钥写入你的项目,绝不会再发回浏览器。

模型越大,构建得越好。小型本地模型在有多张表、多个界面的应用里可能会迷失方向:它要走更多步,还可能需要你点一下“继续进行”。

Anthropic你的密钥
OpenAI你的密钥
OpenAI-compatible你的服务器
Ollama在你的机器上

外观

十种风格,作为设计的起点。

选一种风格,说出一种行业,或者附上一张图片,让它读取其中的配色。Designer 会在应用里写入一份简短的设计说明,这样以后的改动仍然是同一套设计。

  • 01Clean service诊所、律师事务所和会计师事务所
  • 02Warm table餐厅、咖啡馆、面包店
  • 03Bold poster活动、健身房、俱乐部
  • 04Soft care养生、美容、瑜伽
  • 05Editorial工作室、建筑师、摄影师
  • 06Craft market手作人和小店
  • 07Night酒吧、影院、夜间场所
  • 08Bright start学校、社团、社区团体
  • 09Sharp tech软件、代理机构、维修
  • 10Classic hotel酒店、场地、婚礼

看清应用是怎么组成的

“架构”标签页会画出人员、界面、数据表,以及 Adminium 提供了什么:登录与角色、文件上传、自动化、导入和导出、报表以及 API。

Designer 的“架构”标签页:一张图,画出谁在使用这个应用、它的界面和数据表,以及 Adminium 提供了什么。

更想用你自己的编程智能体?

智能体技能教它在 Adminium 上构建。

Designer 所用的那套知识,也以技能的形式发布给编程智能体,并配有创建、检查、打包和试用应用的 CLI 命令。

了解项目中的应用

数据已经在你的数据库里,给它一个界面吧。

免费、开源。大约一分钟就能在你自己的机器上跑起来。