Przegląd
Wszystko, czego potrzebuje strona,w oknach tuż obok niej.
castomUI to jeden edytor złożony z dziewięciu części. Każda otwiera się jako okno obok podglądu strony, którą właśnie budujesz — więc strony, komponenty, dane, zdjęcia, SEO, publikacja i cała rozmowa o nich dzieją się w jednym miejscu, w tym samym czasie i w tym samym projekcie.
Od nazwy
do opublikowanej strony.
1 · Start
Od nazwy, od promptu albo od adresu istniejącej strony.
2 · Struktura
Drzewo stron, szablony wspólnej ramy, menu.
3 · Budowa
Bloki z komponentów; treść w formularzach, wygląd w kodzie.
4 · Zasilanie
Media, zbiory danych, zewnętrzne bazy, tłumaczenia.
5 · Przegląd
Szkice, prywatne podglądy, notatki przy elementach, czat projektu.
6 · Publikacja
cstmui.com, Twoja domena, GitHub albo własny publisher.
Większość kreatorów stron świetnie radzi sobie z krokiem trzecim i po cichu zakłada, że reszta jakoś się ułoży. Nie układa się. Prawdziwa strona to struktura, która rośnie, treść zmieniana przez kilka osób, dane mieszkające gdzie indziej, zdjęcia, które potrzebują licencji i tekstu ALT, stara witryna, której adresy wciąż ściągają ruch — i termin, który ustalił ktoś inny.
Dlatego castomUI traktuje każdą z tych rzeczy jako pełnoprawną część edytora, a nie dodatek schowany trzy menu dalej. Dalsza część tej sekcji omawia je po kolei; wersja skrócona jest poniżej.
Dziewięć części
Do czego służy każde okno
Strony i bloki
Zagnieżdżone drzewo stron z przeciąganiem, szczegóły strony i przełączniki SEO, szkice, nagłówek i stopka z szablonu dla każdej strony osobno, bloki, które przesuwasz, ukrywasz, klonujesz, tłumaczysz albo przenosisz na inną stronę, oraz menu zbudowane za jednym razem z kotwic strony.
Komponenty i szablony
Komponenty to HTML, CSS i JavaScript ze strukturą danych w JSON i danymi domyślnymi; szablony niosą wspólne bloki, kod w HEAD i BODY oraz fonty. Jedne i drugie sklonujesz, zablokujesz albo wygenerujesz z AI.
Generowanie z AI
Projekt z promptu albo z adresu URL, mapa strony, strony, bloki, komponenty, tagi META, llms.txt, bazowy CSS, obrazy i tłumaczenia — z kontekstem i modelem, które sam wybierasz.
Zbiory danych i treści
Typowane zbiory danych na MongoDB lub MySQL, widoki, relacje, strony generowane z rekordów, zewnętrzne bazy, zmienne globalne i wielojęzyczne słowniki.
Biblioteka mediów
Wgrywanie przeciąganiem obrazów, wideo, dokumentów i fontów; obrazy z AI; pięć bibliotek darmowych zdjęć; ALT, TITLE, tagi, EXIF; usuwanie duplikatów.
SEO i migracja
Crawler i checker stron, pobieranie, analiza i przygotowanie starych podstron, META dla wszystkich stron naraz, kontrola canonical i indeksowania, OpenGraph, llms.txt, przekierowania.
Publikowanie
Ta strona albo cały projekt na cstmui.com, Twoją domenę, GitHub lub własne publishery — z minifikacją, prefetchingiem, zaciemnianiem kodu i service workerem jako przełącznikami.
Współpraca
Właściciele, edytorzy i obserwatorzy; zaproszenia; notatki przypięte do elementów; czat projektu; zapisane układy okien; udostępnianie ekranu i wspólna praca w planie Team.
Wtyczki
Kampanie mailingowe, połączenie z Eclicks PRO, system dopasowań i konsola moderacji społeczności użytkowników — instalowane osobno w każdym projekcie.
Każda część strony —
i każda otwarta w tej samej chwili.
Ustawienia projektu,
które spinają całość.
Pod dziewięcioma częściami leży jedno okno ustawień na projekt i to tam zapadają decyzje dotyczące każdej strony: nazwa i język projektu, która strona jest główna, a która jest stroną 404, oraz domyślny model AI, z którego korzysta wszystko inne, dopóki nie wskażesz innego.
Tam mieszka prywatny opis, który daje AI kontekst, żeby pisała jak Twoja firma, a nie jak folder reklamowy, i opis publiczny, publikowany jako llms.txt dla modeli językowych czytających Twoją stronę. Tam są favicony, Web App Manifest, dzięki któremu stronę da się zainstalować, domyślne wartości OpenGraph do udostępniania, dodatkowy kod w head i body, bazowy CSS, zmienne globalne i lista przekierowań.
I tam są przełączniki: wielojęzyczność, tryb tylko do odczytu, zminifikowany kod, prefetch po najechaniu, zaciemnianie kodu źródłowego, service worker, obsługa statyczna. Do tego dwie rzeczy, po które sięga się na końcu — sklonuj ten projekt i usuń go.
- 1OgólneNazwa, język, strona główna, strona 404, kod podglądu, domyślny model AI.
- 2IkonyFavicon .ico 16×16 i .png 64×64.
- 3OpisPrywatny kontekst dla AI · publiczny tekst do llms.txt.
- 4Dodatkowy kodHEAD, BODY, CSS, JS — bazowy CSS można wygenerować.
- 5ZaawansowaneWielojęzyczność · tylko do odczytu · minifikacja · prefetch · zaciemnianie · service worker.
- 6WebManifest · OpenGraphNazwa aplikacji; domyślna karta udostępniania.
- +DodatkiZmienne globalne i lista przekierowań.
Użytkownicy · Klonuj · UsuńJedno okno
Dlaczego okna,
a nie kolejny panel boczny.
Bo praca rzadko dotyczy jednej rzeczy naraz. Poprawka strony produktu to strona, blok, komponent pod nim, rekord ze zbioru danych, który go zasila, i notatka od osoby, która zauważyła problem. W panelu bocznym to pięć kursów tam i z powrotem. W castomUI to pięć okien — i podgląd, który pokazuje, czy się udało.
Okna pamiętają, gdzie stały, układ można zapisać i otworzyć ponownie, a menedżer okien jednym kliknięciem przywraca porządek na biurku, kiedy popołudnie zrobiło na nim bałagan.
Wyznanie: pierwszego dnia każdy otwiera za dużo okien. Menedżer okien powstał, bo my też otwieraliśmy.
Dziewięć okien.
Jedna strona.
Otwórz edytor i ułóż okna tak, jak wymaga tego zadanie.
Otwórz castomUI Zobacz cennik