Toolverse
Wszystkie skille

json-render-core

autor: vercel-labs

Definiuj schematy i katalogi komponentów dla generowania JSON-ów przez AI

Instalacja

Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.

Instalacja

Szybkie info

Kategoria
Frontend
Wyświetlenia
20

O skillu

json-render-core to pakiet bazowy do tworzenia schematów, katalogów komponentów i generowania promptów dla AI. Używasz go, gdy pracujesz z @json-render/core — definiujesz struktury danych, mapujesz komponenty na ich definicje, a następnie generujesz specyfikacje JSON dla interfejsów użytkownika lub wideo. Pakiet obsługuje także streaming JSONL dla progresywnego budowania specyfikacji w czasie rzeczywistym.

Jak używać

  1. Zainstaluj pakiet @json-render/core w swoim projekcie Node.js lub TypeScript.
  2. Zdefiniuj schemat za pomocą funkcji defineSchema, opisując strukturę specyfikacji i katalogów — określ, jakie pola i typy będą w Twoim JSON-ie.
  3. Stwórz katalog komponentów za pomocą defineCatalog, mapując nazwy komponentów (np. Button, Card) na ich właściwości i opisy — każdy komponent powinien mieć zdefiniowane propsy za pomocą Zod.
  4. Wygeneruj systemowy prompt dla AI, wywołując metodę prompt() na katalogu — możesz dodać niestandardowe reguły, jeśli chcesz wpłynąć na sposób generowania specyfikacji.
  5. Jeśli chcesz obsługiwać streaming odpowiedzi od AI, użyj createSpecStreamCompiler do przetwarzania przychodowych chunków JSONL i budowania finalnej specyfikacji krok po kroku.
  6. Przekaż wygenerowany prompt do modelu AI (Claude, GPT itp.), a otrzymasz JSON zgodny z Twoim schematem, który możesz renderować jako interfejs lub wideo.

Podobne skille