How to create a prompt and theme library

The Library menu of Creator is the centralized space to create, store, and manage custom prompts and themes. This feature allows you to standardize commands and visual identities in advance, optimizing the workflow and ensuring consistency across all your projects.

Before starting configurations, understand the two main features available in the Library:

• Prompts: Pre-configured texts and instructions triggered in the chat via shortcuts (slash commands), avoiding repetitive typing of long instructions.

• Themes: Visual identity standards (colors, typography, and styles) that structure the application's graphical interface.

How to create a new prompt in the library

Follow the steps below to add a custom command to your library:

1. Select the Library menu on the left sidebar of the interface.

2. Click the New Prompt button.

3. Fill in the requested fields in the form:

   • Title: Enter an identification name for the prompt.

   • Description (optional): Briefly detail the objective or function of this command.

   • Slash command (optional): Define a text shortcut starting with a forward slash (for example: /brandcolors). This will allow calling the prompt quickly in the chat.

   • Prompt: Type the instruction or full text that will be sent to the AI.

4. Click Save to register the prompt in your library.

How to edit an existing prompt in your library

1. Access the Library menu and locate the desired prompt in the list.

2. Click the Edit icon (represented by a pencil) corresponding to the item.

3. Make the necessary changes in the text fields.

4. Click Save to confirm the modifications.

How to delete a prompt in your library

1. Access the Library menu and locate the prompt you want to remove.

2. Click the Delete icon (represented by a trash can) corresponding to the item.

3. Confirm deletion in the alert message displayed on the screen to permanently remove the item.

How to create a new theme in the library

You can create a custom theme in two ways: using AI-powered generation or through manual configuration.

Create theme with Artificial Intelligence (AI-powered generation)

This option uses AI to read visual references and automatically generate the style code.

1. Access the themes tab within the Library menu and select the option to create with AI.

2. Fill in the reference fields:

   • Theme name: Type the name of the theme.

   • Description: Describe the visual concept of the theme.

   • Upload images: Attach reference images (moodboards, color palettes, or interfaces).

   • Website URL: Enter the link of a website that will serve as visual inspiration.

   • Keywords: Add keywords that define the style (example: "modern", "dark", "minimalist").

3. Select the Generation mode:

   • Inspired: The AI will create a theme freely inspired by the provided references, adapting colors and styles.

   • High Fidelity: The AI will extract and replicate with maximum fidelity the hexadecimal codes and visual patterns of the reference source.

4. Choose the AI engine in the Model Selection field (available options: Google or OpenAI).

5. Click Generate Theme Prompt to have the AI process the information and create the theme structure.

Create theme via Manual Configuration

Use this option if you already have the code or structured text for the theme.

1. Access the themes tab within the Library menu and select the manual creation option.

2. Fill in the following fields:

   • Theme name: Type the name of the theme.

   • Description: Describe the visual concept.

   • Theme Prompt: Paste or manually type the technical style instructions (such as CSS variables or design tokens).

3. Click Save Theme to complete.

How to edit or delete a theme

The theme management process follows the same pattern as prompts:

• To edit: Locate the theme in the list, click the Edit icon, make the desired changes, and click Save.

• To delete: Locate the theme in the list, click the Delete icon, and confirm the action to remove it from the library.