🖥️ Master the Interface and Shape It to Your Liking

YuIA's interface was designed to be yours. It combines the power of advanced tools with the simplicity of a design you already know, allowing you to create a workspace that is functional, inspiring, and perfectly adapted to your style.

In this section, we'll explore how you can shape every visual and interactive aspect of the platform. From appearance to time-saving shortcuts, every detail can be adjusted so your interactions are smoother, more enjoyable, and more productive.

🎨 Make It Your Own: Visual Customization

Create an environment that inspires you to work and think better.

• 🌈 Themes and Color Modes: Choose from multiple themes and adjust the appearance with Light, Dark, or OLED Dark modes (true black to save battery on AMOLED screens). Access in Settings > Interface > Theme.
• 🖼️ Custom Background Image: Go beyond themes and set any image as your background. Make your workspace feature your favorite photo, a relaxing landscape, or your company logo.
• 🌐 Initial Layout: Do you prefer going straight to a search bar or having the classic chat view? In Settings > Interface, you choose what your home screen will be.

⚡ Productivity Accelerators

Features designed to speed up your work and make reading and editing easier.

• ✍️ Markdown Support: Write your messages using Markdown to format text with headings, lists, bold, and italics, making your instructions and notes much more organized and readable.
• 🔍 Quick Selection Actions: Select any text snippet and a smart menu will appear. With one click, you can ask to Explain, Summarize, or use other contextual actions.
• 🔔 Smart Notifications: Working in another tab while the AI generates a long response? A subtle notification will appear in the tab title when the task is complete, letting you know your answer is ready.
• 💬 Asynchronous Navigation: True multitasking. Start a response in one conversation, switch to another for a quick question, and come back to the first one, which continued generating in the background.

⌨️ Keyboard Shortcuts

Master YuIA with shortcuts that eliminate clicks and speed up your workflow:

Shortcut	What it does
Ctrl + K	Opens Global Search: search conversations, notes, and commands
Ctrl + Shift + O	Starts a new conversation
Ctrl + .	Opens the Side Panel controls
Ctrl + /	Shows available Keyboard Shortcuts

tip

💡 Productivity tip: The Ctrl + K shortcut is the most powerful. It opens the global search where you can search by title, message content, tags, and even create new notes directly.

🎨 Artifacts: Interactive Content in Chat

Artifacts are a visual panel that appears alongside the conversation whenever the AI generates renderable content, such as HTML pages, SVG graphics, or JavaScript visualizations.

Instead of displaying raw code, YuIA renders the content in an interactive window where you can:

• View web pages, vector graphics, and 3D animations.
• Navigate between versions using the selector in the bottom-left corner (each edit creates a new version).
• Expand to full screen to work with more space.
• Copy the code to use in your own projects.
• Iterate with the AI: Request changes in the chat and the artifact is updated in real time.

Examples of what you can create:

• "Create a landing page for my cosmetics product" → Complete and functional HTML page.
• "Make a minimalist-style SVG icon of a rocket" → Interactive vector graphic.
• "Create a 3D visualization of a spinning cube" → Live Three.js scene.

To learn more about code execution and artifacts, see the Code Execution page.

💻 For Developers: A Perfect Code Environment

Tools designed for those who live between braces, parentheses, and semicolons.

• 🎨 Syntax Highlighting: YuIA identifies the language (Python, JavaScript, SQL, etc.) and automatically colors the syntax, making it easier to read and spot errors.
• 🖊️ Live Code Editing: Don't like part of the generated script? Edit the code directly in the AI's response window. The block is reloaded, allowing you to adjust and copy the final version without extra steps.
• 👆 One-Click Copy: A floating button appears on each code block for you to copy the entire script with a single click.
• 🗺️ Diagram Interaction (SVG): Generate flowcharts and diagrams with Mermaid code. The AI renders an interactive SVG, allowing you to zoom and drag to explore every detail.

📱 Accessibility and Mobility

Your experience, perfect on any device.

• ↔️ Bidirectional Support: The interface adapts perfectly to right-to-left (RTL) languages, such as Arabic or Hebrew.
• 🤳 Mobile Access Gesture: On your smartphone, simply swipe from the left edge of the screen to open the conversation sidebar. Simple and intuitive.
• 🔊 Haptic Feedback: On compatible Android devices, feel a subtle vibration when performing certain actions, confirming your commands with tactile feedback.