@UI

Custom UI Generation

The @UI feature enables you to generate UI components that match your design system. By integrating links to your UI library documentation, you can easily create UI elements that align with your project's style guide.

How it Works:

1. Typing @UI:

   • In the chat input box, type @UI to prompt PureCodeAI to generate a UI component based on the description or specifications you provide.

2. Accessing UI Documentation via Settings:

   • Alternatively, you can go to ⚙️ Advanced > UI Docs Indexes to add links or paste documentation from your UI library. This enables PureCodeAI to access detailed documentation of your components.

1. Adding Component Details:

• You can specify the component name and provide the URL link to your UI library docs or paste the documentation content directly. It's recommended to also include examples and descriptions of how to use the components, along with the available props for each.

Benefits:

• Consistency: Generates UI components that match your design system, ensuring a consistent look and feel across your project.

• Efficiency: Quickly create UI elements based on your existing design documentation, saving time on manual UI coding.