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 指令。

了解專案裡的應用程式

資料早就在你的資料庫裡了,給它一個介面吧。

免費且開放原始碼。大約一分鐘就能在你自己的機器上跑起來。