- Framework UI tạo sinh trong đó AI nhận prompt của người dùng, tạo ra cấu trúc JSON rồi render bằng các component được định nghĩa sẵn
- Tạo UI động và cá nhân hóa từ prompt, đồng thời bảo đảm đầu ra an toàn và có thể dự đoán nhờ catalog component được định nghĩa trước
- Khi định nghĩa component, action và hàm kiểm tra tính hợp lệ có thể dùng trong catalog, AI sẽ chỉ tạo JSON bị ràng buộc (constrained) trong phạm vi đó
- JSON được tạo ra sẽ được render tăng dần theo kiểu streaming, nên UI hiển thị ngay khi phản hồi từ model đến nơi
- Có thể xuất UI đã tạo thành mã React có thể chạy độc lập (dự án Next.js), đồng thời triển khai dưới dạng mã React thuần có thể hoạt động mà không cần phụ thuộc runtime
- Hỗ trợ render cho cả React và React Native với cùng một catalog và định dạng spec, cho phép dùng một định nghĩa duy nhất cho web và mobile
- Các component được cung cấp
- Layout: Card, Grid, Stack, Tabs, Carousel, Collapsible, Accordion
- Nhập liệu: Input, Textarea, Select, Checkbox, Radio, Switch, Slider, Toggle, ToggleGroup, Rating
- Hiển thị: Text, Heading, Image, Badge, Alert, Progress, Skeleton, Spinner, Table, Avatar, Separator
- Tương tác: Button, ButtonGroup, Link, DropdownMenu, Dialog, Drawer, Popover, Tooltip, Pagination
- Biểu đồ: BarGraph, LineGraph
- Mỗi component hỗ trợ data binding hai chiều thông qua
{ $bindState }
- Có thể khai báo các quy tắc kiểm tra tính hợp lệ như
required, email, minLength một cách khai báo bằng mảng checks
- Event handler được bind bằng
on.press, on.change, on.select, on.submit, v.v.
npm install @json-render/core @json-render/react
1 bình luận
Thật tuyệt vời. Cuối cùng thì điều này có vẻ sẽ trở thành một phương tiện tốt cho các lĩnh vực bắt đầu từ khâu lên kế hoạch đến thiết kế và phần xuất bản giao diện.