Autoview Component Schema Definition (Interface Design)

[rohjs]

Description

Autoview is a library that takes JSON schema or JSON data as input and automatically generates the most suitable UI components through LLM function calls. To achieve this, we need to define a comprehensive set of predefined UI component interfaces, helping LLM decide what component to render in a specific context.

Following the component categorization used in widely adopted frontend UI libraries like MUI and Ant Design, Autoview will initially structure its UI components based on these standards. However, components may be added, removed, or modified as needed to better fit Autoview’s requirements. This approach ensures flexibility while maintaining compatibility with established UI patterns.

Component Progress Overview

Below is a table tracking the progress of component schema definitions. The table includes the current status, component level, component name, and related issues.

⚠ These tables are working in progress and may be updated as components are added or removed.

Data value

Status	Component Name	Related Issue
	Address
	Avatar
	CalendarDate
	Category
	Date
	DateTime
	Definition
	DiscountRate
	Email
	File
	Link
	PhoneNumber
	Price
	Progress
	Quote
	Rating
	Ratio
	Schedule
	Status
	Tag
	Thumbnail
	Time

Data display

Status	Component Name	Related Issue
	Breadscrumb
	Descriptions
	EventPeriod
	Schedule
	Statistics
	Timeline
	Tree
	ViewCount

Data input

Status	Component Name	Related Issue
	Button
	Calendar
	Checkbox
	Input.Number
	Input.Text
	RadioGroup
	Select
	Switch
	Textarea

Data grouping

Status	Component Name	Related Issue
	Accordion
	Carousel
	List
	TabPanel

Commonly used cards

Status	Component Name	Related Issue
	CalendarCard
	ChatMessageCard
	FlightCard
	InvoiceCard
	MailCard
	MapCard
	MusicCard
	NewsCard
	OrderCard
	ProductCard
	ProfileCard
	VideoCard

Layout

Status	Component Name	Related Issue
	Grid
	Stack

For details on the progress of each item, please refer to the linked issues.