HomepageDocumentation
CMS
Data shapes in husar.aiCreating models in CMS Husar.aiCreate Shapes With AIMedia viewer
Markdown
Markdown color code blockhr in markdownAdding images in markdownMarkdown nested listsMarkdown new lineMarkdown reference style linkstables in markdownMarkdown boldInline code in markdownHeaders in MarkdownMarkdown italicsMarkdown url linksOrdered list in markdownMarkdown quoteMarkdown strikethroughUnordered list in markdownBasicsAdvanced mdMarkdown Documentation

How to Create Data Shapes Using the AI Data Generator

Creating data shapes is effortless with our built-in AI generator. This step-by-step guide will walk you through the process, ensuring that your custom components are generated quickly and efficiently.

1. Launch the AI Data Generator

Launch Generator

Begin by opening the data generator in your application. Our AI-powered tool is designed to help you construct complex data structures with minimal manual input.

2. Start Building Your Data Shape

Start Building

Select the option to build a new data shape using the AI engine. This generator streamlines the process, automating much of the configuration for you.

3. Name Your Data Shape

Name Your Shape

Begin by providing a descriptive name for your data shape. For this tutorial, let’s call it simply QA—short for "Questions and Answers".

4. Define the Shape Purpose and Instructions

Provide Purpose

Since this component will handle a question and answer section, enter a clear description:

"Questions and answers component. Provide a list of questions and answers. User should see the entire CMS."

Use concise instructions to guide the AI in generating the correct structure.

5. Configure Style Consistency (Optional)

Style Consistency

If you want your new shape to match the appearance of your existing shapes, you can enable the option that inherits styles from other components.

6. Let the AI Engine Generate Structure, Content, and Visuals

AI Generates Everything

The AI will then generate the full data shape, creating the structure, example content, and visuals. For instance, it can produce Tailwind React components following your template and requirements.

Note: The AI-generated content is sample data; you may need to adjust it to align with your system’s specifications.

7. Review and Refine the Output

Refine Output

Inspect what the AI has generated. In this example, the AI provided three items, but ideally, you want a single list item. You can make such adjustments before finalizing the component.

8. Save and Use Your Data Shape

Save Shape

Once you’re satisfied, save your new component. You can now use this data shape throughout your application, whether adding more questions or integrating it into different views.

9. All Done!

All Done

Your data shape powered by AI is ready to go! This streamlined process empowers you to produce robust, styled components rapidly—perfect for Q&A sections and beyond.

Summary:
With just a few clicks and brief instructions, the AI engine generates a tailored data shape complete with structure, sample content, and visuals. Don’t forget to review and fine-tune the output for best results!